previousElementSibling қасиеті

previousElementSibling қасиеті осы ата-анада орналасқан алдыңғы элементті қамтиды. Егер мұндай элемент болмаса - null қайтарылады.

Синтаксис

элемент.previousElementSibling;

#elem элементі берілген. Оның жоғарығы көршісінің мәтінін шығарайық:

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

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

console.log(text);

Код орындау нәтижесі:

'sibling'

Егер жоғарығы көрші болмаса немесе ол біздің элементіміздің ата-анасында орналаспаса, null қайтарылады:

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

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

Код орындау нәтижесі:

null