Fungsi ParentNode dan ParentElement adalah sama, dan fungsi anak -anak dan anak -anak adalah sama. Namun, ParentNode dan Childnodes mematuhi standar W3C, yang dapat dikatakan relatif umum. Dua lainnya hanya didukung oleh IE, bukan standar, dan Firefox tidak mendukungnya
Contoh:
"ParentNode" sering digunakan untuk mendapatkan simpul induk dari elemen tertentu. Memahami ParentNodes sebagai wadah, dan ada simpul anak dalam wadah, sebagai berikut:
<Div id = "Parent"> <B id = "Child"> Teks saya </b> </div>
Dalam kode di atas, Anda melihat bahwa "ayah" digunakan sebagai wadah div, yang memiliki "anak" dalam wadah, yang merupakan bagian teks yang berani. Jika Anda berencana untuk menggunakan metode getElementById () untuk mendapatkan elemen yang berani dan ingin tahu siapa "ayah", informasi yang dikembalikan akan menjadi div. Script berikut adalah sebagai berikut:
<script type = "text/javaScript"> <!-alert (document.geteLementById "child"). parentNode.nodename); //-> </ptript>
Menggunakan ParentNode tidak selalu berarti bahwa hanya satu "ayah" yang ditemukan, "putra" juga dapat menjadi "ayah", seperti dalam contoh berikut ...
<Div id = "Parent"> <div id = "childparent"> <b id = "child"> teks saya </b> </div> </div>
Ada dua "ayah" dan dua "anak -anak" dalam kode di atas. Div pertama (ID "Parent") adalah "ayah" dari div kedua (anak -anak). Ada elemen tebal (id "anak") dalam "anak -anak" yang merupakan "anak" dari div "childparent". Jadi, bagaimana mengakses "kakek" (id "orang tua")? Sebagai berikut:
<script type = "text/javaScript"> <!-alert (document.geteLementById ("child"). parentNode.parentnode.nodename); //-> </script>Pernahkah Anda memperhatikan bahwa kedua ParentNodes digunakan bersama? "ParentNode.ParentNode". ParentNode pertama adalah div (id "childparent"). Karena kami ingin mendapatkan elemen induk terluar, kami menambahkan ParentNode lain dan kemudian kami mencapai Div (ID "Parent").
Menggunakan ParentNode tidak hanya menemukan nodename dari suatu elemen, tetapi juga lebih. Misalnya, Anda bisa mendapatkan simpul induk dengan sejumlah besar elemen dan menambahkan simpul baru di akhir. IE memiliki namanya sendiri yang disebut "ParentElement", dan disarankan untuk menggunakan ParentNode untuk skrip lintas-browser
Artikel di atas secara singkat berbicara tentang simpul induk dan simpul anak dari elemen HTML JS. Ini semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.