• 第一个节点
  • 第二个节点
  • 第三个节点
    亲宝软件园·资讯

    展开

    DOM中获取元素的节点兼容IE6-8封装,带jquery源码分析children

    IT文艺女 人气:0
    <ul id="box">
    <li>第一个节点</li>
    <li>第二个节点</li>
    <li>第三个节点</li>
    <li>第四个节点</li>
    </ul>
    var box = document.getElementById('box');
    //标准浏览器(非IE6-8)中会把空格和换行当做文本节点处理
    console.log(box.childNodes); //NodeList(9) [text, li, text, li, text, li, text, li, text]
    //如果只想要元素节点,但是IE6-8下使用children会把注释也当做元素节点
    console.log(box.children);
    //获取children指定上下文所有元素的子节点兼容IE6+所有浏览器
    function children(context){
    var res = [],nodeList = context.childNodes;
    for(var i = 0;i<nodeList.length;i++){
    var item = nodeList[i];
    item.nodeType === 1 ? res.push(item):null;
    }
    return item;
    }
    console.log(children(box).length);
     

    加载全部内容

    相关教程
    猜你喜欢
    用户评论