想要获取div的所有属性并不难,
var txtAttribs = document.getElementById("txtAttribs");
var oAttribs = txtAttribs.attributes;
oAttribs 这个便是id为txtAttribs的div的所有属性集合,然后我们用for循环遍历它就能得到每一个属性及相应的值
for (var i = 0; i < oAttribs.length; i++){
var oAttrib = oAttribs[i];
document.getElementById("showAttribs").innerHTML += oAttrib.nodeName + '=' + oAttrib.nodeValue + ')<BR>';
}
这样打印处很多东西来了,它把div的所有标准属性都打印出来了,并不是我们想要的。
我们想要的是在页面的div指定的所有属性,比如由一个div:
<DIV id="txtAttribs" style="position:relative;top:25px;left:50px;height:100px;
width:100px;background-color:yellow;text-align:center;font-size:large;" onclick="ShowAttribs(this)" myarrtib="我自己定义的属性"></div>
要想遍历 id, style, myarrtib这三个属性和值的话,那么用上面的方法显然就不对了。
我查了网上的资料没有找到相关内容,于是自己查API。终于找到解决方案了,于是出来示众。
for (var i = 0; i < oAttribs.length; i++){
var oAttrib = oAttribs[i];
if(oAttrib.specified == true){
document.getElementById("showAttribs").innerHTML += oAttrib.nodeName + '=' + oAttrib.nodeValue + ')<BR>';
}
}
原来是specified这个属性起了作用!
想获取div指定的所有属性
最新推荐文章于 2023-05-11 15:34:23 发布