Rumah >hujung hadapan web >tutorial css >Cari atribut skrip yang sepadan dengan teg html_Experience exchange
Dalam JavaScript, anda boleh membuat dan merujuk elemen, dan kemudian mendapatkan atau menetapkan atribut melalui elemen ini. Walau bagaimanapun, atribut sesuatu elemen tidak sepadan dengan atribut yang digunakan dalam skrip. Atribut yang agak jauh, malah Google mengalami kesukaran mencari atribut skripnya yang sepadan. Saya menghadapi masalah ini hari ini: Saya perlu mencipta label untuk sepadan dengan kotak semak, supaya mengklik label juga boleh memilih kotak semak. Ini adalah teknik yang sangat biasa, seperti kod berikut:
boleh membuat kotak semak dipilih apabila mengklik kotak perkataan "Atas".
Dalam keadaan biasa, kod ini ditulis terus ke fail dan mudah dilengkapkan. Apabila saya perlu menciptanya melalui skrip, saya menghadapi masalah Secara amnya, atribut skrip dan atribut yang ditulis dalam teg adalah sama. Contohnya, atribut sasaran teg a adalah konsisten. Tetapi kerana for ialah perkataan terpelihara dalam JavaScript, ia tidak boleh digunakan sebagai atribut. Saya mencari dalam talian untuk masa yang lama tetapi tidak dapat mencari atribut skrip yang sepadan dengannya, jadi saya menghasilkan kaedah berikut untuk mencari atribut skrip yang sepadan dengan atribut label Sekarang mari kita ambil atribut skrip yang sepadan dengan untuk atribut label sebagai contoh:
Prinsipnya ialah ini saya mula-mula menulis teg html ke dalam dokumen, dan kemudian menetapkan nilai unik kepada atribut Saya sedang mencari. Dalam contoh, ia adalah untuk salinan Atribut "abcd", kemudian rujuk elemen ini melalui javascript, dan melintasi semua atributnya Jika nilai atribut adalah sama dengan abcd, maka nama atribut ini boleh dianggap sebagai atribut skripnya yang sepadan. Melalui kaedah ini saya dapati bahawa atribut skrip yang sepadan dengan atribut untuk label hendaklah: htmlFor. Hehe, masih agak pelik. Kaedah yang serupa juga boleh digunakan untuk mencari sifat skrip css Anda mungkin ingin mencubanya.
<script> <BR> var lbl=document.getElementById("lblTest"); <BR> for(var p in lbl){ <BR> var s=eval("lbl."+p); <BR> if(s=="abcd")alert(p); <BR> } <BR></script>