DOM节点的封装

Hyggelook

关注

阅读 59

2022-03-19

  1. 寻找所有的元素节点
   <div id="box">
        <p>A</p>
        <p id=pare>B</p>
        <p>C</p>
    </div>
    <script>
        //  寻找所有的元素节点
        var box = document.getElementById('box');
        var para = document.getElementById('para');

        //封装-一个函数,这个函数可以返回元素的所有子元素节点(兼容到IE6) ,类似children的功能
        function getChildren(node) {
            //结果数组
            var children = [];
            //遍历node这个节点的所有子节点,判断每-个子节点的nodeType属性是不是1
            //如果是1,就推入结果数组
            for (var i = 0; i < node.childNodes.length; i++) {
                if (node.childNodes[i].nodeType == 1) {
                    children.push(node.childNodes[i]);
                }
            }
            return children;
        }
        console.log(getChildren(box));

精彩评论(0)

0 0 举报