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