HTML DOM previousElementSibling 属性

previousElementSibling只读属性在同一树级别，返回指定元素的前一个元素。

如果没有先前的元素同级，则此属性返回null。

使用nextElementSibling属性返回指定元素的下一个元素。

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

语法：

element.previousElementSibling

示例

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

表中的数字指定了完全支持previousElementSibling属性的第一个浏览器版本：

属性
previousElementSibling	2	3.5	10	4	9

返回值：	一个Node对象，表示元素的先前同级；如果没有先前同级，则为null
DOM版本：	DOM级别3

更改第二个DIV元素的上一个兄弟的HTML内容：

示例

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

更改第二个DIV元素的前一个同级的背景颜色：

示例

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