HTML DOM Element hasChildNodes() 方法

定義和用法

如果指定節點有任何子節點，hasChildNodes() 方法返回 true，否則返回 false。

hasChildNodes() 方法是只讀的。

注意

節點之間的空白被視為子節點（文本節點）。

另請參閱：

childNodes 屬性

firstChild 屬性

lastChild 屬性

nextSibling 屬性

previousSibling 屬性

parentNode 屬性

HTML 節點與元素

在 HTML DOM（文檔對象模型）中，HTML 文檔是擁有（或沒有）子節點的節點集合。

節點指的是元素節點、文本節點和注釋節點。

元素之間的空白也是文本節點。

而元素只是元素節點。

子節點與子元素

childNodes 返回子節點（元素節點、文本節點和注釋節點）。

children 返回子元素（而非文本和注釋節點）。

同胞與元素同胞

同胞是“兄弟”和“姐妹”。

同胞是擁有相同父節點的節點（在相同的 childNodes 列表中）。

元素同胞是擁有相同父元素的元素（在相同的 children 列表中）。

實例

例子 1

元素是否有子節點：

let answer = element.hasChildNodes();

親自試一試

例子 2

移除元素的第一個子節點：

if (element.hasChildNodes()) {
  element.removeChild(element.childNodes[0]);
}

親自試一試

語法

element.hasChildNodes()

參數

無。

返回值

類型 描述
布爾值 如果節點擁有子節點，則返回布爾 true，否則返回 false。

瀏覽器支持

element.hasChildNodes() 是 DOM Level 1 (1998) 特性。

所有瀏覽器都完全支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持