遍歷並返回javascript中的html標簽

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>

按下“開始！” 按鈕，將調用JavaScript，該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>