1. 程式人生 > 其它 >遍歷children_遍歷a節點的父節點下的所有子節點

遍歷children_遍歷a節點的父節點下的所有子節點

技術標籤:遍歷children

f78fb005829b57fec49e8f056b96da57.png
<script>

 // 遍歷指定元素下所有的子元素

 function loadTree(parent, callback) {

 for (var i = 0; i < parent.children.length; i++) {

 // 遍歷第一級子元素

 var child = parent.children[i];

 // console.log(child);

 if (callback) {

 // 處理找到的子元素

                callback(child);

            }

 

 // 遞迴呼叫

            loadTree(child);

        }

    }

 

 var ul = document.getElementById('list');

    loadTree(ul, function (element) {

        element.onclick = function () {

 console.log(this.innerText);

        }

    })