快捷導(dǎo)航

需要做特殊處理的DOM元素屬性的訪問(wèn)

更新時(shí)間：2010年11月05日 22:48:41 作者：

這些都是很基礎(chǔ)的，很簡(jiǎn)單，記下來(lái)都是因?yàn)榕伦约阂粫r(shí)想不起來(lái)了，到時(shí)可以看看，順便鞏固下自己的基礎(chǔ)知識(shí)。

 
var props = { 
　　'for' : 'htmlFor', 
　　'class': 'className', 
　　readonly: 'readOnly', 
　　maxlength: 'maxLength', 
　　cellspacing: 'cellSpacing', 
　　rowspan: 'rowSpan', 
　　colspan: 'colSpan', 
　　tabindex: 'tabIndex', 
　　usemap: 'useMap', 
　　frameborder: 'frameBorder' 
} 

說(shuō)點(diǎn)題外話，用json格式來(lái)創(chuàng)建對(duì)象的話，建議屬性不需要單引號(hào)或者雙引號(hào)，除非一些ecmascript的關(guān)鍵詞，比如上面的'for'，'class'等，建議平時(shí)還是用
單引號(hào)，到不是說(shuō)單引號(hào)一定就比雙引號(hào)更好，更符合規(guī)范，但是一種習(xí)慣還是很重要的，不要在代碼中即出現(xiàn)單引號(hào)又出現(xiàn)雙引號(hào)的。
舉個(gè)簡(jiǎn)單的例子：

復(fù)制代碼代碼如下:

 
<label for="username" id="test">name:</label><BR><input type="text" id="username" name="username"/><BR> 

假如你想直接通過(guò)elem.propertyName這樣的訪問(wèn)方式來(lái)得到某個(gè)DOM元素的某個(gè)屬性值，對(duì)于上面的屬性訪問(wèn)你就必須做個(gè)簡(jiǎn)單的變化，

例如上面的這個(gè)例子，你想得到label的for屬性值。

復(fù)制代碼代碼如下:

 
var ele = document.getElementById('test'); 
var val = ele.htmlFor; 
//或者 
val = ele['htmlFor']; 
//通過(guò)標(biāo)準(zhǔn)的DOM方法訪問(wèn)的話，就不需要做特殊處理了 
val = ele.getAttribute('for'); 
val = ele.getAttributeNode('for').value; 

同樣對(duì)于class,readonly等的訪問(wèn)，上面的幾種訪問(wèn)方式也一樣適合。

個(gè)人覺(jué)得直接通過(guò)屬性訪問(wèn)或許會(huì)比通過(guò)DOM方法訪問(wèn)要快些。
下面的文章會(huì)再對(duì)特殊屬性的訪問(wèn)做介紹。

您可能感興趣的文章: