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

javascriptphần tử.previousElementSibling;

Ví dụ

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ó:

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

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

console.log(text);

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

javascript'anh chị em'

Ví dụ

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:

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

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

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

javascriptnull

Xem thêm