找到html標(biāo)記對應(yīng)的腳本屬性
更新時間:2006年10月26日 00:00:00 作者:
javascript中可以創(chuàng)建以及引用一個元素,進而通過這個元素來取得或者設(shè)置屬性。然而一個元素的屬性卻不是和腳本中使用的屬性一一對應(yīng)的。一個較偏僻的屬性,甚至google也很難找到其對應(yīng)的腳本屬性。今天我就遇到了這個問題:我需要創(chuàng)建一個label標(biāo)記來對應(yīng)一個復(fù)選框,使得點擊這個label標(biāo)記也能選中復(fù)選框。這是很常用的技術(shù),比如如下的代碼:
<input type="checkBox" id="cbTop"/>
<label for="cbTop">置頂</label>
就能夠使得點擊“置頂”兩個字時也能選中復(fù)選框。
在正常情況下,這段代碼是直接寫到文件里的,很容易完成。當(dāng)是我需要通過腳本創(chuàng)建,就遇到了問題,一般腳本屬性和標(biāo)記中寫的屬性是一樣的,如鏈接標(biāo)記a的目標(biāo)屬性href就保持一致。但因為for是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,那么就可以認為這個屬性的名稱就是其對應(yīng)的腳本屬性。就是通過這個方法,發(fā)現(xiàn)了label的for屬性對應(yīng)的腳本屬性應(yīng)該是:htmlFor。嘿嘿,還是比較怪異的哦。類似的方法還可以應(yīng)用在找css的腳本屬性上,大家不妨試試。
<input type="checkBox" id="cbTop"/>
<label for="cbTop">置頂</label>
就能夠使得點擊“置頂”兩個字時也能選中復(fù)選框。
在正常情況下,這段代碼是直接寫到文件里的,很容易完成。當(dāng)是我需要通過腳本創(chuàng)建,就遇到了問題,一般腳本屬性和標(biāo)記中寫的屬性是一樣的,如鏈接標(biāo)記a的目標(biāo)屬性href就保持一致。但因為for是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,那么就可以認為這個屬性的名稱就是其對應(yīng)的腳本屬性。就是通過這個方法,發(fā)現(xiàn)了label的for屬性對應(yīng)的腳本屬性應(yīng)該是:htmlFor。嘿嘿,還是比較怪異的哦。類似的方法還可以應(yīng)用在找css的腳本屬性上,大家不妨試試。
相關(guān)文章
[轉(zhuǎn)]目前找到的最好的Iframe自適應(yīng)高度代碼
[轉(zhuǎn)]目前找到的最好的Iframe自適應(yīng)高度代碼...2007-02-02
低版本IE正常運行HTML5+CSS3網(wǎng)站的3種解決方案
現(xiàn)在我們可以選擇瀏覽器非常多,所以瀏覽器的環(huán)境也是種類繁多,同一個瀏覽器也是包含各種不同的版本,不同的版本之間的渲染方法也存在差異,它們支持的 HTML5、CSS3 特性恐怕也不盡相同。這種情況于是造成Web開發(fā)者在開發(fā)網(wǎng)站時,要面對數(shù)量龐大的瀏覽器種類2014-03-03

