DOM Node hasChildNodes() 方法

元素对象

查看一个元素的所有子节点:

<ul id="myList">
  <li>Coffee</li>
  <li>Tea</li>
</ul>
<p id="demo">单击按钮是否有任何子节点列表元素</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var lst = document.getElementById("myList");
    var x = document.getElementById("demo");
    x.innerHTML = lst.hasChildNodes();
  }
</script>
<p>试着删除子节点列表的元素,结果将返回<em>false</em> 而不是<em>true</em>。</p>
<p><strong>注意:</strong>空格内节点被认为是文本节点,所以如果你留下任何空格或换行一个元素,该元素仍有子节点。 </p>

尝试一下 »

---

定义和用法

hasChildNodes() 方法可在某节点用于任何子节点时返回 true，否则返回 false。

---

浏览器支持

所有主要浏览器都支持 hasChildNodes() 方法

---

语法

node.hasChildNodes()

参数

None

返回值

类型	描述
Boolean	如果节点有子节点则返回true ，否则返回false。

技术细节

DOM 版本	Core Level 1 Node Object

---

元素对象