HTML DOM previousElementSibling 屬性

HTML DOM Element 對(duì)象

previousElementSibling只讀屬性在同一樹級(jí)別，返回指定元素的前一個(gè)元素。

如果沒有先前的元素同級(jí)，則此屬性返回null。

使用nextElementSibling屬性返回指定元素的下一個(gè)元素。

使用children屬性返回指定元素的任何子元素。

語法：

element.previousElementSibling

var x = document.querySelector("#div-2").previousElementSibling.innerHTML;

瀏覽器兼容性

表中的數(shù)字指定了完全支持previousElementSibling屬性的第一個(gè)瀏覽器版本：

屬性
previousElementSibling	2	3.5	10	4	9

技術(shù)細(xì)節(jié)

更多實(shí)例

更改第二個(gè)DIV元素的上一個(gè)兄弟的HTML內(nèi)容：

var div = document.querySelector("#div-2")
div.previousElementSibling.innerHTML = "HELLO WORLD";

更改第二個(gè)DIV元素的前一個(gè)同級(jí)的背景顏色：

var div = document.querySelector("#div-2")
div.previousElementSibling.style.backgroundColor = "coral";

相關(guān)參考

HTML DOM參考：children屬性

HTML DOM參考：nextElementSibling屬性

HTML DOM Element 對(duì)象