160 of 264 menu

Właściwość nextElementSibling

Właściwość nextElementSibling zawiera następny element, znajdujący się u tego samego rodzica. Jeśli takiego elementu nie ma - zwracany jest null.

Składnia

element.nextElementSibling;

Dany jest element #elem. Wypiszmy tekst jego następnego sąsiada:

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

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

console.log(text);

Wynik wykonania kodu:

'sibling'

Jeśli następny sąsiad nie istnieje lub nie jest umieszczony u rodzica naszego elementu, również zwracany jest null:

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

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

Wynik wykonania kodu:

null

Polski▼

Wykorzystujemy pliki cookie do działania strony, analizy i personalizacji. Przetwarzanie danych odbywa się zgodnie z Polityką prywatności.