Свойство nextElementSibling

nextElementSibling свойстваси шунинг ўзидаги ота-онада жойлашган кейинги элементни ўз ичига олади. Агар бундай элемент бўлмаса - null қайтарилади.

Синтаксис

элемент.nextElementSibling;

Мисол

#elem элементи берилган. Унинг тубандаги қўшинининг матнини чиқарайлик:

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

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

console.log(text);

Кодни ишга тушириш натижаси:

'sibling'

Мисол

Агар тубандаги қўшини бўлмаса ёки у бизнинг элементнинг ота-онасида жойлашмаган бўлса, null қайтарилади:

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

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

Кодни ишга тушириш натижаси:

null

Қаранг

previousElementSibling свойстваси,
бу аввалги элементни ўз ичига олувчи свойства