美文网首页
childNodes详解

childNodes详解

作者: newway_001 | 来源:发表于2019-02-02 16:05 被阅读0次
<body>

<p>123</p>
111
</body>

js:

    <script>
        window.onload = function () {
            console.log("body的childNodes");
            var oItems = document.body.childNodes;
           console.log(oItems.length);
            for (var i = 0; i < oItems.length; i++) {
                console.log("nodeType:" + oItems[i].nodeType);
                console.log("nodeName:" + oItems[i].nodeName);
                console.log("nodeValue:'" + oItems[i].nodeValue + "'");
            }
        };
    </script>

console.log输出值:
可以看到childnode有3个值:p前面文本节点,p元素节点,p后面文本节点。

body的childNodes
 3
 nodeType:3
 nodeName:#text
 nodeValue:'

'
 nodeType:1
 nodeName:P
 nodeValue:'null'
 nodeType:3
 nodeName:#text
 nodeValue:'
111

'

如果想要p的innerText,直接

 oItems[1].innerText 

相关文章

网友评论

      本文标题:childNodes详解

      本文链接:https://www.haomeiwen.com/subject/llissqtx.html