定义和用法
hasChildNodes() 方法可在某节点用于任何子节点时返回 true，否则返回 false。
浏览器支持：
所有主要浏览器都支持 hasChildNodes() 方法
语法
node.hasChildNodes()参数
None
返回值
| 类型 | 描述 |
|---|---|
| Boolean | 如果节点有子节点则返回true ，否则返回false。 |
技术细节
| DOM 版本 | Core Level 1 Node Object |
|---|
实例
查看一个元素的所有子节点：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
</head>
<body>
<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>
</body>
</html>作者：terry，如若转载，请注明出处：https://www.web176.com/javascriptbook/domtips/4408.html
