Proprietà previousSibling di HTML DOM

Oggetto Elemento HTML DOM

previousSiblingProprietà sola lettura che restituisce il nodo precedente al livello dello stesso albero specificato.

Se non ci sono nodi同级 precedenti, questa proprietà restituiscenull.

Lo spazio viene considerato come testo, il testo viene considerato come nodo. I commenti vengono anche considerati come nodi.

Per evitare che previousSibling restituisca un nodo #text o #comment, si può usarepreviousElementSiblingRestituisce solo nodi elementi.

UtilizzonextSiblingL'attributo restituisce il nodo successivo al livello dello stesso albero specificato.

UtilizzochildNodesL'attributo può restituire qualsiasi sotto-nodo del nodo specificato.

Sintassi:

node.previousSibling

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

Ma, se si elimina lo spazio tra i DIV, il valore restituito non sarà #text:

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

Compatibilità browser

Tutti i browser supportano completamente la proprietà previousSibling:

Dettagli tecnici

Riferimenti Correlati

Riferimento HTML DOM:nodeProprietà .childNodes

Riferimento HTML DOM:nodeProprietà .firstChild

Riferimento HTML DOM:nodeProprietà .lastChild

Riferimento HTML DOM:nodeProprietà .parentNode

Riferimento HTML DOM:nodeProprietà .nextSibling

Riferimento HTML DOM:nodeProprietà .nodeName

Oggetto Elemento HTML DOM