javascript中可以創(chuàng)建以及引用一個(gè)元素，進(jìn)而通過(guò)這個(gè)元素來(lái)取得或者設(shè)置屬性。然而一個(gè)元素的屬性卻不是和腳本中使用的屬性一一對(duì)應(yīng)的。一個(gè)較偏僻的屬性，甚至google也很難找到其對(duì)應(yīng)的腳本屬性。今天我就遇到了這個(gè)問(wèn)題：我需要?jiǎng)?chuàng)建一個(gè)label標(biāo)記來(lái)對(duì)應(yīng)一個(gè)復(fù)選框，使得點(diǎn)擊這個(gè)label標(biāo)記也能選中復(fù)選框。這是很常用的技術(shù)，比如如下的代碼：

<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的腳本屬性上，大家不妨試試。

最新評(píng)論