
$("form input")prop("readonly", true);\r\n将所有表单的所有表单控件的readonly全部设置为readonly~\r\n要注意的是如果直接使用input选择器的话,包括了按钮~\r\n所以要排除按钮、隐藏域之类的input的话~\r\n使用not选择器\r\n$("input:not(:button,:hidden)")prop("readonly", true);\r\n希望对您有帮助~\r\nBy Billskate
js获取div里的元素个数方法是:先得到父元素,再得到父元素下的某标签类别的子元素,最后统计出子元素的长度就可以简单实现了。
js 动态添加元素(div、li、img等)及设置属性的方法:
一、js 动态添加元素div
<div id="parent"></div>
function addElementDiv(obj) {var parent = documentgetElementById(obj);//添加 divvar div =
documentcreateElement("div");//
设置 div 属性,如 iddivsetAttribute("id", "newDiv");divinnerHTML = "js 动态添
div";parentappendChild(div);}
调用:addElementDiv("parent");
二、js 动态添加li
<ul id="parentUl"><li>原li</li></ul>
function addElementLi(obj) {var ul = documentgetElementById(obj);//添加 livar li =
documentcreateElement("li");//
设置 li 属性,如 idlisetAttribute("id", "newli");liinnerHTML = "js 动态添加li";ulappendChild(li);}
调用:addElementLi("parentUl");
三、js 动态添加元素img
<ul id="parentUl"></ul>
function addElementImg(obj) {var ul = documentgetElementById(obj);//添加 livar li =
documentcreateElement("li");//添加 imgvar img = documentcreateElement("img");//
设置 img 属性,如 idimgsetAttribute("id", "newImg");//设置 img 地址imgsrc =
"/images/prodjpg";
liappendChild(img);ulappendChild(li);}
调用:addElementImg("parentUl");
<html>
<head>
<meta >
<body style="height: 2000px;">
<div class="c f" onclick="fn()" style="border:10px solid #ccc;height: 80px;color:red;background:rebeccapurple"> 我是div</div>
<script>
let div = documentquerySelector('div');
/ 通过style在行内样式上获取样式 /
/ 使用style获取样式 写的什么 就能获取到什么
不会转成rgb 和 出现其他的样式 /
consolelog('style',divstylecolor )
consolelog('style',divstylebackground )
/ style是获取不到在内部样式上或者外部样式上的样式的 /
// consolelog( divstylecolor )
// / font-size js中要是用驼峰的方式获取 /
// consolelog( divstylefontSize )
/ 使用windowgetComputedStyle可以获取行内、内部、外部的所有样式
但是 获得color是rbg格式的,获取的background是所有属性 /
consolelog( windowgetComputedStyle(div,null)color )
consolelog( windowgetComputedStyle(div,null)fontSize )
consolelog( windowgetComputedStyle(div,null)background )
consolelog( windowgetComputedStyle(div,null)height )
// documentonscroll = function (){
// consolelog(documentdocumentElementscrollTop);
// }
</script>
你的代码是什么?
documentgetElementsByTagName("a");
还是parentObjgetElementsByTagName("a");
前一个是整个页面的a
后一个才是父对象里面所有的a
把代码贴出来看看吧
function getHasTitles (parentNode) {
var allNodes = parentNodegetElementsByTagName('');
var length = allNodeslength;
var i;
var hasTitles = [];
var node;
for (i = 0; i < length; i++) {
node = allNodes[i];
if (nodetitle) {
hasTitlespush(node);
}
}
return hasTitles;
}
var hasTitles = getHasTitles(document);
jquery得到所有元素
$("")
getElementById()
// 通过ID来取得元素,所以只能访问设置了ID的元素,比如说有一个DIV的ID为docid:
// <div id="docid"></div>
// 那么就可以用getElementById("docid")来获得这个元素。getElementsByName()
// 通过NAME来获得元素,DOCUMENT中元素的NAME可以重复,如果一个文档中有两个以上的标// 签NAME相同,那么getElementsByName()就可以取得这些元素组成一个数组。
// 比如有两个DIV:
// <div name="docname" id="docid1"></div>
// <div name="docname" id="docid2"></div>
// 那么可以用getElementsByName("docname")获得这两个DIV,用getElementsByName("docname")[0]访问第一个DIV。getElementsByTagName()
// 通过TAGNAME(标签名称)来获得元素,一个DOCUMENT中会有相同的标签,所以这个方法也是取得一个数组。
// 可以用 getElementsByTagName("div")来访问它们,用getElementsByTagName("div")[0]访问第一个 DIV,用getElementsByTagName("div")[1]访问第二个DIV。
<!DOCTYPE HTML><html><head><meta charset=UTF-8><title>recursion</title><style type="text/css"></style><script type="text/javascript"> var array = []; onload = function () { var tags = documentbodygetElementsByTagName (''); for ( var i = 0; i < tagslength; i++) { arraypush (getText (tags[i])); } consolelog (array); } var getText = function (dom) { var index = 0, html = dominnerHTML; while (domchildrenlength && index < domchildrenlength) { var chtml = domchildren[index]outerHTML; html = dominnerHTMLreplace(chtml, ''); index++; } return "<font>" + html + "</font>"; }</script></head><body> <p> ths is p<a href="">this is a</a>wyz </p> <i>this is i</i> <b>this is b</b></body></html>
以上就是关于js获取指定form中所有表单元素谁有更好的方法全部的内容,包括:js获取指定form中所有表单元素谁有更好的方法、js获取div里的元素个数、JavaScript 数组获取多个相同值的元素 ,不只是要第一个元素 ,要所有的等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)