0
点赞
收藏
分享

微信扫一扫

DOM节点的封装

Hyggelook 2022-03-19 阅读 59
javascript
  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 条评论