Thuộc tính nextElementSibling

Thuộc tính nextElementSibling chứa phần tử tiếp theo, 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ử.nextElementSibling;

Cho phần tử #elem. Hãy in ra văn bản của phần tử anh em liền kề phía dưới của nó:

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

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

console.log(text);

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

'sibling'

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

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

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

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

null