previousElementSibling касиети

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

Синтаксис

javascriptэлемент.previousElementSibling;

Мисал

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

html<p>sibling</p>
<p id="elem">elem</p>

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

console.log(text);

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

javascript'sibling'

Мисал

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

html<p>sibling</p>
<div>
  <p id="elem">elem</p>
</div>

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

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

javascriptnull

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