Bezakan antara ...LOGIN

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.


bahagian seterusnya
<!DOCTYPE html> <html> <body> <p id="intro">Hello World!</p> <script> x=document.getElementById("intro"); document.write(x.firstChild.nodeValue); </script> </body> </html>
babperisian kursus