hasChildNodes方法；ownerDocument；

来源：互联网发布：北京linux培训机构编辑：程序博客网时间：2024/06/06 23:55

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>

阅读全文

1 0