HTML DOM previousElementSibling-Attribut

previousElementSiblingSchreibgeschütztes Attribut im gleichen Baumlevel, gibt das vorherige Element des angegebenen Elements zurück.

Wenn es kein vorheriges Element im gleichen Baumlevel gibt, gibt dieses Attribut zurücknull.

VerwendungnextElementSiblingDas Attribut gibt das nächste Element des angegebenen Elements zurück.

VerwendungchildrenDas Attribut gibt alle Unterlemente des angegebenen Elements zurück.

Syntax:

element.previousElementSibling

Beispiel

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

Die Zahlen in der Tabelle geben die erste Browserversion an, die das previousElementSibling-Attribut vollständig unterstützt:

Eigenschaft
previousElementSibling	2	3.5	10	4	9

Rückgabewert:	Ein Node-Objekt, das den vorherigen Bruder des Elements darstellt; wenn es keinen vorherigen Bruder gibt, dannnull
DOM-Version:	DOM-Stufe3

Ändern Sie den HTML-Inhalt des vorherigen Bruders des zweiten DIV-Elements:

Beispiel

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

Ändern Sie die Hintergrundfarbe des vorherigen Bruders des zweiten DIV-Elements:

Beispiel

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