目录

HTML DOM 元素 hasChildNodes()

示例

元素是否有子节点:

let answer = element.hasChildNodes();
亲自试一试 »

删除元素的第一个子节点:

if (element.hasChildNodes()) {
  element.removeChild(element.childNodes[0]);
}
亲自试一试 »

描述

这个hasChildNodes()如果指定节点有任何子节点,方法返回 true,否则返回 false。

这个hasChildNodes()方法是只读的。

重要的!

节点之间的空白被视为子节点(文本节点)。

也可以看看:

childNodes 属性

第一个子属性

最后一个子属性

下一个兄弟属性

previousSibling 属性

父节点属性

HTML 节点与元素

在里面HTML 文档对象模型(文档对象模型),HTML 文档是带有(或不带有)子节点的节点的集合。

节点分别是元素节点、文本节点和注释节点。

元素之间的空白也是文本节点。

元素只是元素节点。


子节点 vs 子节点

子节点返回孩子节点(元素节点、文本节点和注释节点)。

孩子们返回孩子元素(不是文本和注释节点)。


兄弟姐妹 vs 元素兄弟姐妹

兄弟姐妹是"brothers" 和"sisters"。

兄弟姐妹是具有相同父节点的节点(在同一子节点列表)。

元素兄弟姐妹是具有相同父级的元素(在同一孩子们列表)。



语法

element.hasChildNodes()

参数

没有任何

返回值

类型 描述
布尔值 true如果该元素有子节点,否则false

浏览器支持

element.hasChildNodes()是 DOM Level 1 (1998) 功能。

所有浏览器都完全支持它:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes 9-11