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

elem.nextElementSibling;

Példa

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

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

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

console.log(text);

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

'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:

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

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

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

null

Lásd még

a previousElementSibling tulajdonság,
amely az előző elemet tartalmazza