HTML DOM previousSibling 屬性

HTML DOM Element 對象

previousSibling只讀屬性在同一樹級別返回指定節(jié)點的前一個節(jié)點。

如果沒有先前的同級，則此屬性返回null。

空格被視為文本，文本被視為節(jié)點。注釋也被視為節(jié)點。

為了避免previousSibling返回#text或#comment節(jié)點的問題，可以使用previousElementSibling僅返回元素節(jié)點。

使用nextSibling屬性返回同一樹級別中指定節(jié)點的下一個節(jié)點。

使用childNodes屬性可返回指定節(jié)點的任何子節(jié)點。

語法：

node.previousSibling

<div id="div-1">Here is div-1</div>
<div id="div-2">Here is div-2</div>

<script>
var x = document.querySelector("#div-2").previousSibling.nodeName;
document.getElementById("result").innerHTML = x;
</script>

但是，如果刪除DIV之間的空格，則返回值將不是#text：

<div id="div-1">Here is div-1</div><div id="div-2">Here is div-2</div>

<script>
var x = document.querySelector("#div-2").previousSibling.innerHTML;
document.getElementById("result").innerHTML = x;
</script>

瀏覽器兼容性

所有瀏覽器完全支持previousSibling屬性：

屬性
previousSibling	是	是	是	是	是

技術細節(jié)

相關參考

HTML DOM參考：node.childNodes屬性

HTML DOM參考：node.firstChild屬性

HTML DOM參考：node.lastChild屬性

HTML DOM參考：node.parentNode屬性

HTML DOM參考：node.nextSibling屬性

HTML DOM參考：node.nodeName屬性

HTML DOM Element 對象