hasChildNodes方法；ownerDocument；

最新推荐文章于 2021-06-24 17:53:25 发布

原创最新推荐文章于 2021-06-24 17:53:25 发布 · 886 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#hasChildNodes #ownerDocument

JS类专栏收录该内容

202 篇文章

订阅专栏

1. hasChildNodes()方法；

hasChildNodes：是一个非常有用的方法，这个方法在节点包含一个或者多个字节点的情况下，返回true；

<body>
    <ul id="main">
        <!--这是一个注释-->
        <li id="one">第一个</li>
        <li id="box">第二个</li>
        <li>第三个</li>
        <li>第四个</li>
    </ul>
</body>
</html>
<script>
var oUl = document.getElementById("main");
console.log(oUl.hasChildNodes());  //返回true

</script>

<body>
    <ul id="main"></ul>
</body>
</html>
<script>
var oUl = document.getElementById("main");
console.log(oUl.hasChildNodes());  //返回false

</script>

注：就算节点ul中间有一个空格，也会返回true，因为空格属于文本节点；

2. ownerDocument

ownerDocument：该属性指向的是整个文档的文档节点；

<body>
    <ul id="main">
        <!--这是一个注释-->
        <li id="one">第一个</li>
        <li id="box">第二个</li>
        <li>第三个</li>
        <li>第四个</li>
    </ul>
</body>
</html>
<script>
var oUl = document.getElementById("main");
var  one = document.getElementById("one");
console.log(oUl.ownerDocument);  //返回  #document;
console.log(one.ownerDocument);  //返回  #document;
</script>