Question

让我说我有这个HTML代码：

<div>
    <h2>You know, I am a Heading!</h2>
    <ul>
        <li>I am the first li</li>
        <li>I am the second li</li>
        <li>I am the third li</li>
    </ul>
</div>

<button onclick="go()" style="width:100px">Go!</button>

在“Go！”的新闻中按钮，将调用JavaScript，它将返回DOM的节点元素。

<script>     
function go() {
  var childNodes = document.body.childNodes;
  for(var i=0; i<childNodes.length; i++) {
    var domElement = childNodes[i];
            doSomethingWithTheReturnedTag(); 
  }
}
</script>

我正在尝试做的是，当单击按钮时，我的脚本会遍历整个HTML文档并获取每个标记并对返回的标记执行操作。

只要需要建议，或者有更好的方法可以做到这一点吗？

提前致谢！

Answer 1

遍历所有DOM元素：

  <script>     
    function go() {
    var items = startElem.getElementsByTagName("*");
    for (var i = items.length; i--;) {
       //perform operation on elment
    }
    }
 </script>

在javascript中遍历并返回html标记

1 个答案: