160 of 264 menu

Properti nextElementSibling

Properti nextElementSibling berisi elemen berikutnya, yang berada di induk yang sama. Jika tidak ada elemen seperti itu - dikembalikan null.

Sintaks

elemen.nextElementSibling;

Diberikan elemen #elem. Mari kita tampilkan teks dari elemen saudara berikutnya:

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

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

console.log(text);

Hasil eksekusi kode:

'sibling'

Jika tidak ada elemen saudara berikutnya atau elemen tersebut tidak berada di induk yang sama dengan elemen kita, juga akan dikembalikan null:

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

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

Hasil eksekusi kode:

null

Indonesia▼

Kami menggunakan cookie untuk operasi situs, analitik, dan personalisasi. Pemrosesan data dilakukan sesuai dengan Kebijakan Privasi.