nextElementSibling касиети

nextElementSibling касиети ошол эле ата-энеде жайгашкан кийинки элементти камтыйт. Эгер мындай элемент жок болсо - null кайтарылат.

Синтаксис

javascriptэлемент.nextElementSibling;

Мисал

#elem элементи берилди. Анын төмөнкү коңшунунун текстин чыгаралы:

html<p id="elem">elem</p>
<p>коңшу</p>

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

console.log(text);

Кодду иштетүүнүн натыйжасы:

javascript'коңшу'

Мисал

Эгер төмөнкү коңшу жок же ал биздин элементтин ата-энесинде жайгашпаса, анда да null кайтарылат:

html<div>
  <p id="elem">elem</p>
</div>
<p>коңшу</p>

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

Кодду иштетүүнүн натыйжасы:

javascriptnull

Ошондой эле караңыз