A nextElementSibling tulajdonság

A nextElementSibling tulajdonság a következő elemet tartalmazza, amely ugyanabban a szülőben található. Ha nincs ilyen elem, akkor null érték adódik vissza.

Szintaxis

javascriptelem.nextElementSibling;

Példa

Adott a #elem elem. Írjuk ki az alatti szomszédjának szövegét:

html<p id="elem">elem</p>
<p>szomszéd</p>

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

console.log(text);

A kód végrehajtásának eredménye:

javascript'szomszéd'

Példa

Ha nincs alatti szomszéd, vagy az nem a mi elemünk szülőjében található, szintén null érték adódik vissza:

html<div>
  <p id="elem">elem</p>
</div>
<p>szomszéd</p>

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

A kód végrehajtásának eredménye:

javascriptnull

Lásd még