JavaScript习题（写一个封装方法，遍历一个dom元素的元素子节点，并把它们放到一个数组里，返回出来）

最新推荐文章于 2022-08-10 22:12:02 发布

中国的流浪猫

最新推荐文章于 2022-08-10 22:12:02 发布

阅读量389

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46611729/article/details/106386521

版权

以下是JavaScript页面的代码

var div = document.getElementsByTagName('div')[0];

//输入一个don元素，把这个dom元素下面的元素子节点用数组形式返回
var retElementChild = (function(node) {
    var temp = {
            length: 0,
            push: Array.prototype.push,
            splice: Array.prototype.splice
        },
        child = node.children,
        len = child.length;
    for (var i = 0; i < len; i++) {
        if (child[i].nodeType === 1) {
            temp.push(child[i]);
        }
    }
    return temp;
}(div));

console.log(retElementChild); //在控制台打印这个数组

以下是HTML页面的代码

<!DOCTYPE html>
<html>

<head>
    <meta charst="utf-8">
    <title>中国的流浪猫</title>
</head>

<body>
    <div>
        <strong>
        </strong>
        <span>
        </span>
        <em></em>
        <p></p>
    </div>
    <script type="text/javascript" src="lesson.js">
    </script>
</body>

</html>