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

<input type="checkBox" id="cbTop"/>
<label for="cbTop">置頂</label>
就能夠使得點(diǎn)擊“置頂”兩個字時也能選中復(fù)選框。
在正常情況下，這段代碼是直接寫到文件里的，很容易完成。當(dāng)是我需要通過腳本創(chuàng)建，就遇到了問題，一般腳本屬性和標(biāo)記中寫的屬性是一樣的，如鏈接標(biāo)記a的目標(biāo)屬性href就保持一致。但因?yàn)閒or是javascript中的保留字，不能作為屬性。我在網(wǎng)上找了很久也沒找到for對應(yīng)的腳本屬性是什么，于是就醞釀出下面的辦法來找到一個標(biāo)記屬性對應(yīng)的腳本屬性，現(xiàn)在就以找label的for屬性對應(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>
原理是這樣，我先寫一個html標(biāo)記到文檔中，然后給要找的屬性賦一個唯一值，例子中是給label的for屬性復(fù)制"abcd"，然后通過javascript引用這個元素，并且遍歷它的所有屬性，如果一個屬性的值等于abcd，那么就可以認(rèn)為這個屬性的名稱就是其對應(yīng)的腳本屬性。就是通過這個方法，發(fā)現(xiàn)了label的for屬性對應(yīng)的腳本屬性應(yīng)該是：htmlFor。嘿嘿，還是比較怪異的哦。類似的方法還可以應(yīng)用在找css的腳本屬性上，大家不妨試試。

最新評論