javascript - 遍历所有页面上的标签

Question

我想使用 Javascript 浏览页面上的所有元素，看看它们是否有属性集。有没有一种简单的方法可以做到这一点，还是我必须使用递归解决方案？

Answer 1

您可以使用：

var divs = document.getElementsByTagName("div");
for(var i = 0; i < divs.length; i++){
   //do something to each div like
   divs[i].innerHTML = "something new...";
}

Answer 2

要在页面上的一个或多个所有 div 中查找属性：

var divs = document.getElementsByTagName("div"), i=divs.length;
while (i--) {
   if (divs[i].getAttribute([yourProperty]) === 'yourValue'){
      //do something
   } 
}

Answer 3

您也许还可以使用选择器引擎，例如Sizzle。

史蒂夫

Answer 4

使用 JSES6 For ... of

for (elem of document.getElementsByTagName('div')){
  elem.style.marginTop='20px'
}