hasChildNodes方法；ownerDocument；_ul.haschildnodes()-优快云博客

本文链接：https://blog.youkuaiyun.com/sunlizhen/article/details/73468178

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>