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 հատկությունը,
որը պարունակում է ներքևի հարևանը (հաջորդ տարրը)