Contoh penggunaan JavaScript untuk menambah, memadam, mengubah suai dan menyemak kemahiran nodes_javascript halaman web-tutorial js-php.cn

Contoh dalam artikel ini menerangkan penggunaan JavaScript untuk menambah, memadam, mengubah suai dan menyemak nod halaman web. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

1. Konsep asas

Bahagian ini adalah apa yang dipanggil "HTML DOM". Apa yang dipanggil HTML DOM ialah peraturan memuatkan halaman Web Ia adalah peraturan, yang merupakan formula asas untuk komposisi halaman web.

Iaitu, semua halaman web mesti ditulis mengikut peraturan: ... dan dimuatkan mengikut peraturan tersebut.

Apa yang dipanggil "nod halaman web" juga dipanggil penjelasan popular "nod DOM". Contohnya, kandungan di bawah nod html ialah semua kandungan antara , dan kandungan di bawah nod badan ialah .

HTML DOM ditetapkan seperti berikut: 1. Keseluruhan dokumen ialah nod dokumen 2. Setiap teg HTML (bermaksud teg html seperti

, bukan sekadar teg ) Adalah nod elemen; 3. Teks yang terkandung dalam elemen HTML ialah nod teks 4. Setiap atribut HTML ialah nod atribut
Sebagai contoh, anda boleh melukis halaman sebagai pepohon nod DOM berikut:

Takrifan rasmi HTML DOM adalah seperti berikut: HTML DOM ialah singkatan Model Objek Dokumen HTML dan HTML DOM ialah model objek dokumen yang khusus digunakan untuk HTML/XHTML. Orang yang biasa dengan pembangunan perisian boleh memahami HTML DOM sebagai API halaman web. Ia menganggap setiap elemen dalam halaman web sebagai objek, supaya elemen dalam halaman web juga boleh diperoleh atau diedit oleh bahasa komputer. Sebagai contoh, Javascript boleh menggunakan HTML DOM untuk mengubah suai halaman web secara dinamik.

Menggunakan JavaScript boleh mengawal penambahan, pemadaman, pengubahsuaian dan penyemakan nod halaman web pada nod DOM ini dengan mudah.

2. Matlamat asas

Gunakan JavaScript untuk menambah, memadam, mengubah suai dan menyemak nod pada halaman web. Dalam halaman web terdapat:

1. Butang "Tambah Nod" Semasa menambah nod, butang ini juga menambah pilihan nod dalam menu lungsur yang dikaitkan dengan "Butang Ganti". Jika terdapat 9 nod dalam halaman web, ia tidak akan ditambah dan amaran akan muncul.

2. Butang "Padam nod terakhir" ini mengurangkan nod sambil juga mengurangkan pilihan nod dalam menu lungsur yang dikaitkan dengan "Butang Ganti".

3. Butang "Ganti kandungan nod", mula-mula pilih nod yang perlu dikendalikan, kemudian masukkan kandungan yang akan diganti, dan nod yang sepadan akan diganti.

4. Jika tiada nod dalam halaman web, pemadaman dan penggantian tidak akan dibenarkan, dan amaran akan muncul.

3. Proses pengeluaran

Tidak perlu mengkonfigurasi mana-mana persekitaran, cuma tulis kod berikut terus dalam halaman web Kod khusus adalah seperti berikut, dan akan diterangkan bahagian demi bahagian di bawah:

Salin kod Kod adalah seperti berikut:

        jsdivnode

Artikel terbaru oleh pengarang