Nota Membaca 'JavaScript DOM Programming Art' - Perpustakaan Gambar JavaScript_Kemahiran JavaScript

Dua cara untuk menukar atribut src imej:

1. Kaedah setAttribute ialah komponen "DOM Tahap 1", yang boleh menetapkan sebarang atribut nod elemen.

2, element.src = sumber; Ini adalah kaedah sebelum kemunculan "Tahap 1 DOM" dan ia berfungsi sekarang.

Kelebihan "DOM Tahap 1" ialah kemudahalihan kaedah lama tersebut hanya terpakai pada dokumen Web, manakala DOM terpakai pada mana-mana bahasa penanda.

Fungsi pengendali acara

Apabila pautan diklik, saya mahu kekal di halaman web ini dan bukannya pergi ke tetingkap lain Kodnya adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

http://www.example.com" onclick="showPic(this); return false ;">Click

Apabila pautan ini diklik, kerana kod Javascript yang dicetuskan oleh pengendali acara onclick mengembalikan palsu, kelakuan lalai pautan ini tidak dicetuskan.

atribut childNodes

Atribut childNodes boleh digunakan untuk mendapatkan semua elemen anak bagi sebarang elemen. Tatasusunan yang dikembalikan oleh sifat childNodes mengandungi nod semua jenis, bukan hanya nod elemen. Malah, hampir semua dalam dokumen adalah nod Malah ruang dan baris baharu ditafsirkan sebagai nod, dan semuanya disertakan dalam tatasusunan yang dikembalikan oleh sifat childNodes.

Tetapi setiap nod mempunyai atribut nodeType. Atribut nodeType mempunyai sejumlah 12 nilai yang mungkin, tetapi hanya 3 daripadanya yang bernilai: nilai atribut nodeType bagi nod elemen ialah 1, nilai atribut nodeType bagi nod atribut ialah 2 dan nilai atribut nodeType bagi nod teks ialah 3.

Jika anda ingin menukar nilai nod teks, kemudian gunakan atribut nodeValue yang disediakan oleh DOM.

Elemen tatasusunan childNodes[0] mempunyai sinonim yang lebih intuitif dan boleh dibaca, yang boleh ditulis sebagai firstChild juga menyediakan atribut lastChild yang sepadan.

Contoh:

Salin kod Kod adalah seperti berikut:

Pilih imej

Mula-mula buat pembolehubah untuk menyimpannya:

Salin kod Kod adalah seperti berikut:

var description = document.getElementById("description");

Nilai pulangan description.nodeValue adalah batal. Atribut nodeValue bagi elemen

itu sendiri ialah nilai null. Jika anda ingin mendapatkan nilai teks yang terkandung dalam elemen