თვისება previousElementSibling

თვისება previousElementSibling შეიცავს წინა ელემენტს, რომელიც მდებარეობს ამავე მშობელში. თუ ასეთი ელემენტი არ არის - ბრუნდება null.

სინტაქსი

ელემენტი.previousElementSibling;

მოცემულია ელემენტი #elem. მოდით გამოვიტანოთ მისი ზემოთ მდებარე მეზობლის ტექსტი:

<p>მეზობელი</p>
<p id="elem">ელემენტი</p>

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

console.log(text);

კოდის შესრულების შედეგი:

'მეზობელი'

თუ ზემოთ მდებარე მეზობელი არ არის ან ის მდებარეობს არა ჩვენი ელემენტის მშობელში, ასევე ბრუნდება null:

<p>მეზობელი</p>
<div>
	<p id="elem">ელემენტი</p>
</div>

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

კოდის შესრულების შედეგი:

null

თვისება nextElementSibling,
რომელიც შეიცავს ქვემოთ მდებარე მეზობელს (შემდეგი ელემენტი)