Thuộc tính previousElementSibling

Thuộc tính previousElementSibling chứa phần tử trước đó, nằm trong cùng một phần tử cha. Nếu không có phần tử như vậy - sẽ trả về null.

Cú pháp

phần tử.previousElementSibling;

Cho phần tử #elem. Hãy in ra văn bản của phần tử anh chị em phía trên của nó:

<p>anh chị em</p>
<p id="elem">phần tử</p>

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

console.log(text);

Kết quả thực thi mã:

'anh chị em'

Nếu không có phần tử anh chị em phía trên hoặc nó nằm không cùng trong phần tử cha với phần tử của chúng ta, cũng sẽ trả về null:

<p>anh chị em</p>
<div>
	<p id="elem">phần tử</p>
</div>

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

Kết quả thực thi mã:

null

thuộc tính nextElementSibling,
chứa phần tử anh chị em phía dưới (phần tử tiếp theo)