JS children的简单实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="jquery-1.11.1.js"></script>
</head>
<body>
    <div id="box">
        <p></p>
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <span></span>
    </div>
<script>
    var box = document.getElementById('box');

    console.log(myChildren(box));


    function myChildren(ele,tagName){
        var ary = [], elements = ele.childNodes;
        if(/MSIE (6|7|8)/i.test(navigator.userAgent)) {
            for(var i=0,len=elements.length;i<len;i++){
                var element = elements[i];
                if(element.nodeType ===1 ) {
                    ary[ary.length] = element;
                }
            }
        }else {
            ary = [].slice.call(ele.children);
        }
        if (typeof tagName === 'string') {
            for(var j=0;j<ary.length;j++){
                var tagEle = ary[j];
                if (tagEle.nodeName.toLowerCase() !== tagName.toLowerCase()) {
                    ary.splice(j,1);
                    j--;
                }
            }
        }
        return ary;
    }
</script>   
</body>
</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容