nextElementSibling xususiyati

nextElementSibling xususiyati o'sha ota-onalikda joylashgan keyingi elementni o'z ichiga oladi. Agar bunday element bo'lmasa - null qaytariladi.

Sintaksis

javascriptelement.nextElementSibling;

Misol

#elem elementi berilgan. Keling uning pastki qo'shnisining matnini chiqaramiz:

html<p id="elem">elem</p>
<p>qo'shni</p>

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

console.log(text);

Kodni bajarish natijasi:

javascript'qo'shni'

Misol

Agar pastki qo'shni bo'lmasa yoki u bizning elementimizning ota-onaligida joylashmasa, null qaytariladi:

html<div>
  <p id="elem">elem</p>
</div>
<p>qo'shni</p>

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

Kodni bajarish natijasi:

javascriptnull

Shuningdek qarang