nextElementSibling հատկությունը

nextElementSibling հատկությունը պարունակում է հաջորդ տարրը, որը գտնվում է նույն ծնողում: Եթե այդպիսի տարր չկա - վերադարձվում է null:

Շարահյուսություն

տարր.nextElementSibling;

Տրված է #elem տարրը: Եկեք դուրս բերենք նրա ներքևի հարևանի տեքստը:

<p id="elem">elem</p>
<p>հարևան</p>

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

console.log(text);

Կոդի կատարման արդյունքը.

'հարևան'

Եթե ներքևի հարևան չկա կամ այն տեղակայված չէ մեր տարրի ծնողում, նույնպես վերադարձվում է null.

<div>
	<p id="elem">elem</p>
</div>
<p>հարևան</p>

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

Կոդի կատարման արդյունքը.

null