Omadus nextElementSibling

Omadus nextElementSibling sisaldab järgmist elementi, mis asub samas vanemelementis. Kui sellist elementi pole - tagastatakse null.

Süntaks

javascriptelement.nextElementSibling;

Näide

Antud element #elem. Väljastame tema allpool asuva naabri teksti:

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

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

console.log(text);

Koodi täitmise tulemus:

javascript'sibling'

Näide

Kui allpool naabrit pole või see ei asu meie elemendi vanemelementis, tagastatakse samuti null:

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

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

Koodi täitmise tulemus:

javascriptnull

Vaata ka