HTML DOM Element hasChildNodes() 方法
示例
一个元素是否有子节点
let answer = element.hasChildNodes();
自己动手试一试 »
移除元素的第一个子节点
if (element.hasChildNodes()) {
element.removeChild(element.childNodes[0]);
}
自己动手试一试 »
描述
hasChildNodes()
方法如果指定节点有任何子节点则返回 true,否则返回 false。
hasChildNodes()
方法是只读的。
重要提示!
节点之间的空白被认为是子节点(文本节点)。
另请参阅
HTML 节点与元素
在 **HTML DOM**(文档对象模型)中,HTML 文档是具有(或不具有)子节点的节点集合。
**节点**是元素节点、文本节点和注释节点。
元素之间的空白符也是文本节点。
元素仅指元素节点。
childNodes 与 children
childNodes 返回子节点(元素节点、文本节点和注释节点)。
children 返回子元素(不包括文本和注释节点)。
兄弟节点与元素兄弟节点
**兄弟节点**是“兄弟姐妹”。
**兄弟节点**是具有相同父节点(在相同的 **childNodes** 列表中)的节点。
**元素兄弟节点**是具有相同父节点(在相同的 **children** 列表中)的元素。
语法
element.hasChildNodes()
参数
无 |
返回值
类型 | 描述 |
布尔值 | 如果元素有子节点,则返回 true ,否则返回 false 。 |
浏览器支持
element.hasChildNodes()
是 DOM Level 1 (1998) 的特性。
所有浏览器都完全支持。
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 9-11 |