简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Bezakan antara atribut DOM dan atribut elemen

Bezakan antara atribut DOM dan atribut elemen

Teg img:

<img src="images/image.1.jpg" id="hibiscus" alt= " Hibiscus" class="classA" />

Biasanya pembangun terbiasa memanggil id, src, alt, dsb. sebagai "atribut" elemen ini. Kami memanggil ini "atribut elemen". Walau bagaimanapun, apabila menghuraikan ke dalam objek DOM, penyemak imbas sebenar akhirnya akan menghuraikan elemen teg ke dalam "objek DOM" dan menyimpan "atribut elemen" elemen sebagai "atribut DOM". Terdapat perbezaan antara keduanya.

Walaupun kami menetapkan src elemen menjadi laluan relatif:

imej/imej.1.jpg

Tetapi semuanya akan muncul dalam "Atribut DOM" Tukar kepada laluan mutlak:

http://localhost/images/image.1.jpg

Malah nama beberapa "atribut elemen " dan "Atribut DOM" adalah Ia berbeza. Contohnya, kelas atribut elemen di atas ditukar kepada atribut DOM dan sepadan dengan className.

Perlu diingat bahawa dalam javascript kita boleh terus mendapatkan atau menetapkan "atribut DOM":

<script type="text/javascript">
$(function ( ) { var img1 = document.getElementById("hibiscus");
alert(img1.alt);
img1.alt = "Tukar atribut elemen alt";
alert(img1.alt) ;
})</script>

Jadi jika anda ingin menetapkan kelas gaya CSS sesuatu elemen, anda perlu menggunakan atribut DOM "className" dan bukannya atribut elemen "class :

img1.className = "classB";

Tiada fungsi pembungkus untuk mengendalikan "atribut DOM" dalam jQuery, kerana ia sangat mudah untuk diperoleh dan ditetapkan "Atribut DOM" menggunakan javascript yang disediakan dalam jQuery Fungsi setiap() digunakan untuk melintasi set pakej jQuery Penunjuk ini ialah objek DOM, jadi kita boleh menggunakan ini dengan javascript asli untuk mengendalikan atribut DOM elemen: 

   $("img").each(function(index) {    
      alert("index:" + index + ", id:" + this.id + ", alt:" + this.alt);    
     this.alt = "changed";    
        alert("index:" + index + ", id:" + this.id + ", alt:" + this.alt);    
     });

Berikut ialah penerangan bagi setiap fungsi :

setiap( panggil balik ) Mengembalikan: set pembalut jQuery

melaksanakan kaedah panggil balik untuk setiap elemen dalam set pembalut. Kaedah panggil balik menerima parameter, menunjukkan nilai Indeks yang sedang dilalui, bermula dari 0.


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <body> <p id="intro">Hello World!</p> <script> x=document.getElementById("intro"); document.write(x.firstChild.nodeValue); </script> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  491498 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！