თვისება 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

იხილეთ აგრეთვე