Oggetto History JavaScript Oggetto Elemento HTML DOM

Proprietà nextSibling dell'HTML DOM

nextSiblingL'attributo restituisce il nodo fratello successivo dell'elemento specificato (inclusi i nodi testo, i nodi commento, gli a capo, le righe di ritorno, gli spazi, il testo, ecc.).

Se non c'è un nodo同级 successivo, questo attributo restituiscenull.

Gli spazi vengono considerati testo, il testo viene considerato nodo. I commenti vengono anche considerati nodi.

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

UtilizzopreviousSiblingL'attributo può restituire il nodo precedente al nodo specificato nello stesso livello dell'albero.

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

Sintassi:

node.nextSibling

Esempio

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

Prova a vedere‹/›

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

Esempio

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

Prova a vedere‹/›