封装函数-查找节点元素

最新推荐文章于 2021-09-06 11:00:28 发布

VIP文章 Codingwithlife

最新推荐文章于 2021-09-06 11:00:28 发布

阅读量242

点赞数

分类专栏： js 文章标签：封装 javascript

本文链接：https://blog.csdn.net/weixin_44164982/article/details/107734712

版权

<body>
    <div>
        <b></b>
        abc
        <span></span>
        <p></p>
        <strong>
            <span>
                <i></i>
        </span>
    </strong>
</div>
</body>

操作一：封装函数，返回元素第n层祖先元素节点

<script>
    function retPar(ele,n){
        while(ele&&n){
           var ele=ele.parentElement;
           n--
        }
        return ele;
    }
    var span=document.getElementsByTagName("span")[0];
</script>

操作二：封装myChildren功能，解决部分浏览器兼容性问题

//找该元素的子元素节点，自己实现
    Element.prototype.myChildren=function(){
        var child=this.childNodes;//子节点
        var len=child.length; 
        var arr=[];
        for(var i=0