160 of 264 menu

Vlastnost nextElementSibling

Vlastnost nextElementSibling obsahuje další element, který se nachází ve stejném rodiči. Pokud takový element neexistuje - vrací se null.

Syntaxe

element.nextElementSibling;

Je dán element #elem. Vypišme text jeho následujícího souseda:

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

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

console.log(text);

Výsledek provedení kódu:

'sibling'

Pokud následující soused neexistuje nebo se nenachází v rodiči našeho elementu, také se vrací null:

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

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

Výsledek provedení kódu:

null

Čeština▼

Používáme soubory cookie pro fungování webu, analýzu a personalizaci. Zpracování údajů probíhá v souladu s Zásadami ochrany osobních údajů.