Ada dua cara untuk mengubah atribut SRC dari gambar:
1. Metode setAttribute adalah komponen "Level 1 Dom", yang dapat mengatur atribut apa pun dari node elemen.
2, element.src = sumber; Ini adalah metode sebelum munculnya "Level 1 Dom", dan juga efektif sekarang.
Keuntungan dari "Level 1 Dom" adalah portabilitasnya yang baik. Metode -metode lama itu hanya berlaku untuk dokumen web, sedangkan DOM berlaku untuk bahasa markup apa pun.
Fungsi penanganan acara
Saat mengklik tautan, saya ingin tetap di halaman web ini alih -alih pergi ke jendela lain, kodenya adalah sebagai berikut:
Salinan kode adalah sebagai berikut:
<a href = "http://www.example.com" onclick = "showpic (this); return false;"> klik </a>
Saat mengklik tautan ini, karena nilai yang dikembalikan oleh kode JavaScript yang dipicu oleh fungsi pengendali event onClick salah, perilaku default tautan ini tidak dipicu.
Atribut Childnodes
Atribut Childnodes dapat digunakan untuk mendapatkan semua elemen anak dari elemen apa pun. Array yang dikembalikan oleh properti Childnodes berisi node dari semua jenis, bukan hanya node elemen. Faktanya, hampir semua yang ada dalam dokumen adalah sebuah simpul, dan bahkan spasi dan jeda garis ditafsirkan sebagai node, dan semuanya terkandung dalam array yang dikembalikan oleh properti Childnodes.
Tetapi setiap node memiliki properti nodetype. Ada 12 nilai yang diinginkan untuk atribut nodetype, tetapi hanya 3 dari mereka yang memiliki nilai yang berguna: nilai atribut nodetype dari node elemen adalah 1, nilai atribut nodetype dari node atribut adalah 2, dan nilai atribut nodetype dari node teks adalah 3.
Jika Anda ingin mengubah nilai simpul teks, maka gunakan properti Nodevalue yang disediakan oleh DOM.
Elemen array, Childnodes [0] memiliki sinonim yang lebih intuitif dan mudah dibaca, yang dapat ditulis sebagai FirstChild; DOM juga menyediakan atribut LastChild yang sesuai.
Contoh:
Salinan kode adalah sebagai berikut:
<p id = "description"> Pilih gambar </p>
Pertama -tama buat variabel untuk menyimpannya:
Salinan kode adalah sebagai berikut:
var description = document.geteLementById ("description");
Nilai pengembalian deskripsi. NODEVALUE adalah nol. Properti nodevalue dari elemen <p> itu sendiri adalah nilai nol. Jika Anda ingin mendapatkan nilai teks yang terkandung dalam elemen <p>, Anda perlu menggunakan deskripsi.Childnodes [0] .Nodevalue atau description.firstchild.nodevalue