თვისება previousElementSibling

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

სინტაქსი

javascriptელემენტი.previousElementSibling;

მაგალითი

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

html<p>მეზობელი</p>
<p id="elem">ელემენტი</p>
javascriptlet elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;

console.log(text);

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

javascript'მეზობელი'

მაგალითი

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

html<p>მეზობელი</p>
<div>
  <p id="elem">ელემენტი</p>
</div>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);

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

javascriptnull

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

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