Savybė nextElementSibling

Savybė nextElementSibling apima sekantį elementą, esantį tame pačiame tėviniame elemente. Jei tokio elemento nėra - grąžinama null.

Sintaksė

javascriptelement.nextElementSibling;

Pavyzdys

Duotas elementas #elem. Išveskime jo kaimyno žemiau tekstą:

html<p id="elem">elem</p>
<p>sibling</p>

javascriptlet elem = document.querySelector('#elem');
let text = elem.nextElementSibling.textContent;

console.log(text);

Kodo vykdymo rezultatas:

javascript'sibling'

Pavyzdys

Jei kaimyno žemiau nėra arba jis išdėstytas ne mūsų elemento tėviniame elemente, taip pat grąžinama null:

html<div>
  <p id="elem">elem</p>
</div>
<p>sibling</p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.nextElementSibling);

Kodo vykdymo rezultatas:

javascriptnull

Žiūrėkite taip pat