想获取div指定的所有属性

本文介绍了一种遍历HTML DOM元素所有属性的方法,包括标准属性和自定义属性。通过检查specified属性来确保只获取实际定义的属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

想要获取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这个属性起了作用!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值