Untuk mendapatkan simpul induk dari elemen HTML, Anda dapat menggunakan properti parentNode
. Properti ini mengembalikan simpul induk dari elemen yang ditentukan sebagai objek Node
Katakanlah Anda memiliki kode HTML berikut
Click Me
Contoh berikut menunjukkan bagaimana Anda bisa mendapatkan simpul induk dari button
const button = document.querySelector['#btn'];
const div = button.parentNode;
console.log[div.classList[0]]; // wrapper
_Properti parentNode
_ bersifat hanya-baca, yang berarti Anda tidak dapat mengubahnya
Dalam HTML,
document
itu sendiri adalah simpul induk dari elemenhtml
. Kedua elemenbody
danhead
adalah simpul turunan dari elemenhtml
Properti parentNode HTML DOM. Properti simpul induk adalah properti hanya-baca yang mengembalikan nama simpul induk dari simpul yang dipilih kepada kita sebagai objek simpul. Objek Node mewakili satu simpul di pohon dokumen dan simpul dapat berupa simpul elemen, simpul teks, atau lebih.
Sintaksis
node.parentNodeNilai Pengembalian. Properti simpul induk mengembalikan objek simpul induk jika ada atau jika tidak maka akan mengembalikan "null".
Contoh.
html