遍历 body 的子元素

发布于
2017-01-06

为什么body的childNodes有7个而不是input和div两个？

图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

<input v-model="msg" type="text" id="input">
<div v-value="msg" id="el"></div>

</body>

<script>

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

    function getChildNodes(node) {
        console.log(node.childNodes)
        if (node.hasChildNodes() && node.nodeType == 1) {
            for (var i = 0; i < node.childNodes.length; i++) {
                getChildNodes(node.childNodes[i])
            }
        }
    }

    getChildNodes(body)


</script>
</html>

html javascript

阅读 6.5k

5 个回答

得票最新

magicianShiro

4252613

发布于
2017-01-06

✓ 已被采纳

空格和换行会被当成文本节点,至于为什么有 script 因为浏览器会把你写在 body 外的script标签解析到body内部

childNodes属性，它返回指定元素的子元素集合，包括HTML节点，所有属性，文本。
children属性，它返回指定元素的子元素集合。它只返回HTML节点，不返回文本节点。
所以你想获取div跟input是html节点不可以用childNodes
给你一个测试图
当我将body的空格合起来的时候