JavaScript memadamkan kemahiran example_javascript kod elemen kanak-kanak yang ditentukan

Contoh kod javascript asli untuk memadam sub-elemen yang ditentukan:

Bab ini memperkenalkan cara menggunakan javascript asli untuk memadam sub-elemen tertentu.
Semua orang tahu bahawa adalah lebih mudah untuk menggunakan jquery untuk melaksanakan fungsi ini, tetapi tidak menyusahkan untuk menggunakan javascript asli Mari perkenalkan di bawah.
Untuk mendapatkan maklumat tentang cara jquery melaksanakan fungsi ini, sila rujuk bab jquery memadamkan elemen anak yang ditentukan contoh kod.

Contoh kod:

Salin kod Kod adalah seperti berikut:

ul li{
lebar:400px;
ketinggian:30px;
ketinggian garis:30px;
gaya senarai:tiada;
}


window.onload=function(){
var obt=document.getElementById("bt");
var obox=document.getElementById("box");
var lis=obox.getElementsByTagName("li");
obt.onclick=function(){
obox.removeChild(lis[1]);
}
}

• Script House mengalu-alukan anda, hanya dengan bekerja keras kita boleh mengalami hari esok yang lebih baik.


• Tiada seorang pun yang bertuan dari awal, mereka perlu bekerja keras.


• Setiap hari adalah baharu, jadi hargai masa anda.

Kod di atas mencapai keperluan kami Berikut ialah pengenalan kepada proses pelaksanaannya.

Ulasan kod:

1.window.onload=function(){}, apabila kandungan dokumen dimuatkan sepenuhnya, laksanakan kod dalam fungsi.
2.var obt=document.getElementById("bt"), dapatkan objek elemen butang.
3.var obox=document.getElementById("box"), dapatkan objek elemen yang nilai atribut idnya ialah kotak.
4.var lis=obox.getElementsByTagName("li"), dapatkan koleksi elemen li di bawah elemen kotak.
5.obt.onclick=function(){}, daftarkan fungsi pemprosesan acara klik untuk butang.
6.obox.removeChild(lis[1]), memadamkan elemen anak yang ditentukan bagi elemen induk.