|
|
<input type="checkBox" id="cbTop"/>
<label for="cbTop">置頂</label>
就能夠使得點(diǎn)擊“置頂”兩個(gè)字時(shí)也能選中復(fù)選框。
在正常情況下，這段代碼是直接寫(xiě)到文件里的，很容易完成。當(dāng)是我需要通過(guò)腳本創(chuàng)建，就遇到了問(wèn)題，一般腳本屬性和標(biāo)記中寫(xiě)的屬性是一樣的，如鏈接標(biāo)記a的目標(biāo)屬性href就保持一致。但因?yàn)閒or是Javascript中的保留字，不能作為屬性。我在網(wǎng)上找了很久也沒(méi)找到for對(duì)應(yīng)的腳本屬性是什么，于是就醞釀出下面的辦法來(lái)找到一個(gè)標(biāo)記屬性對(duì)應(yīng)的腳本屬性，現(xiàn)在就以找label的for屬性對(duì)應(yīng)的腳本屬性為例：
<label for="abcd" id="lblTest">test</label>
<script type="text/Javascript">
var lbl=document.getElementById("lblTest");
for(var p in lbl){
var s=eval("lbl."+p);
if(s=="abcd")alert(p);
}
</script>
原理是這樣，我先寫(xiě)一個(gè)html標(biāo)記到文檔中，然后給要找的屬性賦一個(gè)唯一值，例子中是給label的for屬性復(fù)制"abcd"，然后通過(guò)Javascript引用這個(gè)元素，并且遍歷它的所有屬性，如果一個(gè)屬性的值等于abcd，那么就可以認(rèn)為這個(gè)屬性的名稱就是其對(duì)應(yīng)的腳本屬性。就是通過(guò)這個(gè)方法，發(fā)現(xiàn)了label的for屬性對(duì)應(yīng)的腳本屬性應(yīng)該是：htmlFor。嘿嘿，還是比較怪異的哦。類(lèi)似的方法還可以應(yīng)用在找css的腳本屬性上，大家不妨試試。
HTML/CSS技術(shù)：找到html標(biāo)記對(duì)應(yīng)的腳本屬性，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
