快捷導(dǎo)航

需要做特殊處理的DOM元素屬性的訪問

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

這些都是很基礎(chǔ)的，很簡單，記下來都是因?yàn)榕伦约阂粫r(shí)想不起來了，到時(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' 
} 

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

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

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

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

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

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

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

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

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

您可能感興趣的文章: