160 of 264 menu

Vlastnosť nextElementSibling

Vlastnosť nextElementSibling obsahuje nasledujúci prvok, ktorý sa nachádza v tom istom rodičovi. Ak taký prvok neexistuje - vráti sa null.

Syntax

element.nextElementSibling;

Daný je prvok #elem. Vypíšme text jeho spodného suseda:

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

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

console.log(text);

Výsledok vykonania kódu:

'sibling'

Ak spodný sused neexistuje alebo nie je umiestnený v rodičovi nášho prvku, taktiež sa vráti null:

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

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

Výsledok vykonania kódu:

null

Slovenčina▼

Používame cookies na fungovanie stránky, analýzu a personalizáciu. Spracúvanie údajov prebieha v súlade s Politikou ochrany osobných údajov.