需要做特殊处理的DOM元素属性的访问

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了需要做特殊处理的DOM元素属性的访问，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1200字，纯文字阅读大概需要2分钟。

内容图文

var props = { 
　　'for' : 'htmlFor', 
　　'class': 'className', 
　　readonly: 'readOnly', 
　　maxlength: 'maxLength', 
　　cellspacing: 'cellSpacing', 
　　rowspan: 'rowSpan', 
　　colspan: 'colSpan', 
　　tabindex: 'tabIndex', 
　　usemap: 'useMap', 
　　frameborder: 'frameBorder' 
} 
 
说点题外话，用json格式来创建对象的话，建议属性不需要单引号或者双引号，除非一些ecmascript的关键词，比如上面的'for'，'class'等，建议平时还是用 
单引号，到不是说单引号一定就比双引号更好，更符合规范，但是一种习惯还是很重要的，不要在代码中即出现单引号又出现双引号的。 
举个简单的例子： 
 代码如下:

<label for="username" id="test">name:</label><BR><input type="text" id="username" name="username"/><BR> 
 
假如你想直接通过elem.propertyName这样的访问方式来得到某个DOM元素的某个属性值，对于上面的属性访问你就必须做个简单的变化， 

例如上面的这个例子，你想得到label的for属性值。 
 代码如下:

var ele = document.getElementById('test'); 
var val = ele.htmlFor; 
//或者 
val = ele['htmlFor']; 
//通过标准的DOM方法访问的话，就不需要做特殊处理了 
val = ele.getAttribute('for'); 
val = ele.getAttributeNode('for').value; 
 
同样对于class,readonly等的访问，上面的几种访问方式也一样适合。 

个人觉得直接通过属性访问或许会比通过DOM方法访问要快些。 
下面的文章会再对特殊属性的访问做介绍。
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的需要做特殊处理的DOM元素属性的访问全部内容，希望文章能够帮你解决需要做特殊处理的DOM元素属性的访问所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端