猿问

遍历 body 的子元素

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

<!DOCTYPE html>

<html>

<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>


叮当猫咪
浏览 464回答 1
1回答

隔江千里

空格和换行会被当成 文本节点,至于为什么有&nbsp;script&nbsp;因为浏览器会把你写在&nbsp;body&nbsp;外的script标签解析到body内部
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答