Javascript通过其属性获取元素

前端之家收集整理的这篇文章主要介绍了Javascript通过其属性获取元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<body>
  <span someAttribute="xyz">.....</span>
  ...
  <div>
    ...
    <span someAttribute="abc">.....</span>
    ...
    <div someAttribute="pqr">.....</div>
    ...
  </div>
</body>

这是一个示例html页面..我需要通过其属性选择html元素我可以通过getAttribute()获取属性值,但我需要先选择所有元素.

如何在javascript中获取属性名称为“someAttribute”的元素.一旦我得到元素,我可以获得属性值并使用我的函数.

注意:我想在不使用jquery的情况下执行此操作.

解决方法

将每个元素存储在数组中,循环遍历每个元素,如果元素包含属性,则someAttribute执行somgthing.
var arr_elms = [];
arr_elms = document.body.getElementsByTagName("*");
var elms_len = arr_elms.length;

for (var i = 0; i < elms_len; i++) {
  if(arr_elms[i].getAttribute("someAttribute") != null){  
   alert("FOUND : " + arr_elms[i].getAttribute("someAttribute"));
   }
}

猜你在找的JavaScript相关文章