HTML DOM Element previousSibling 屬性

定義和用法

previousSibling 屬性返回同一樹級別的上一個節點，以 Node 對象。

previousSibling 屬性是只讀的。

注釋：如果沒有 previousSibling 節點，則返回值是 null。

注意

previousSibling 返回上一個同胞節點：元素節點、文本節點或注釋節點。

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

替代方案：

previousElementSibling 屬性 - 返回前一個同胞元素（忽略文本和注釋）。

另請參閱：

nextSibling 屬性

firstChild 屬性

lastChild 屬性

childNodes 屬性

hasChildNodes() 屬性

HTML 節點與元素

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

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

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

而元素只是元素節點。

同胞與元素同胞

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

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

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

子節點與子元素

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

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

nextSibling 與 nextElementSibling

nextSibling 返回下一個節點（元素節點、文本節點或注釋節點）。元素之間的空白也是文本節點。

nextElementSibling 返回下一個元素（不返回文本和注釋節點）。

previousSibling 與 previousElementSibling

previousSibling 返回上一個節點（元素節點、文本節點或注釋節點）。元素之間的空白也是文本節點。

previousElementSibling 返回上一個元素（不返回文本和注釋節點）。

實例

返回列表項上一個同胞的 HTML 內容：

document.getElementById("item2").previousSibling.innerHTML;

親自試一試

語法

element.previousSibling

或

node.previousSibling

返回值

類型 描述
節點 節點的上一個同胞節點。
null 如果不存在先前的同胞。

瀏覽器支持

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

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

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