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


Posted in Javascript onNovember 05, 2010
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方法访问要快些。
下面的文章会再对特殊属性的访问做介绍。

Javascript 相关文章推荐
jquery checkbox,radio是否选中的判断代码
Mar 20 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
Oct 25 Javascript
导入extjs、jquery 文件时$使用冲突问题解决方法
Jan 14 Javascript
jquery选择器之层级过滤选择器详解
Jan 27 Javascript
标题过长使用javascript按字节截取字符串
Apr 24 Javascript
javascript字符串与数组转换汇总
May 26 Javascript
jquery转盘抽奖功能实现
Nov 13 Javascript
js 获取当前web应用的上下文路径实现方法
Aug 19 Javascript
vue组件传递对象中实现单向绑定的示例
Feb 28 Javascript
angularjs http与后台交互的实现示例
Dec 21 Javascript
javascript跳转与返回和刷新页面的实例代码
Nov 20 Javascript
JS实现炫酷雪花飘落效果
Aug 19 Javascript
基于jQuery的仿flash的广告轮播
Nov 05 #Javascript
jquery实现文本框鼠标右击无效以及不能输入的代码
Nov 05 #Javascript
基于jquery的loading效果实现代码
Nov 05 #Javascript
解决jQuery插件tipswindown与hintbox冲突
Nov 05 #Javascript
Jquery数独游戏解析(一)-页面布局
Nov 05 #Javascript
TinyMCE 新增本地图片上传功能
Nov 05 #Javascript
jQuery示例收集
Nov 05 #Javascript
You might like
如何在PHP中使用Oracle数据库(4)
2006/10/09 PHP
PHP基于新浪IP库获取IP详细地址的方法
2017/05/04 PHP
Javascript中定义方法的另类写法(批量定义js对象的方法)
2011/02/25 Javascript
jQuery的控件及事件(输入控件及回车事件)使用示例
2013/07/25 Javascript
验证码在IE中不刷新而谷歌等浏览器正常的解决方案
2014/03/18 Javascript
jQuery自动添加表单项的方法
2015/07/13 Javascript
Javascript函数式编程语言
2015/10/11 Javascript
jstree的简单实例
2016/12/01 Javascript
jQuery基本筛选选择器实例代码
2017/02/06 Javascript
使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
2018/01/16 Javascript
利用nodeJs anywhere搭建本地服务器环境的方法
2018/05/12 NodeJs
angularjs获取到My97DatePicker选中的值方法
2018/10/02 Javascript
elementUI中Table表格问题的解决方法
2018/12/04 Javascript
百度小程序之间的页面通信过程详解
2019/07/18 Javascript
JavaScript实现移动端带transition动画的轮播效果
2020/03/24 Javascript
[48:46]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第二场 11.19
2020/11/19 DOTA
[01:28:44]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第一场 1月10日
2021/03/11 DOTA
python实现2014火车票查询代码分享
2014/01/10 Python
python实现爬虫统计学校BBS男女比例(一)
2015/12/31 Python
bat和python批量重命名文件的实现代码
2016/05/19 Python
深入理解python多进程编程
2016/06/12 Python
python 读写txt文件 json文件的实现方法
2016/10/22 Python
Python实现针对给定字符串寻找最长非重复子串的方法
2018/04/21 Python
Python实现合并同一个文件夹下所有txt文件的方法示例
2018/04/26 Python
python pandas.DataFrame选取、修改数据最好用.loc,.iloc,.ix实现
2018/06/11 Python
通过python顺序修改文件名字的方法
2018/07/11 Python
python GUI库图形界面开发之PyQt5美化窗体与控件(异形窗体)实例
2020/02/25 Python
5分钟弄清楚html5的drag and drop(小结)
2019/04/10 HTML / CSS
ASOS英国官网:英国在线时装和化妆品零售商
2017/05/19 全球购物
学院领导推荐信
2013/10/30 职场文书
结对共建协议书
2014/08/20 职场文书
婚庆公司计划书
2014/09/15 职场文书
硕士论文致谢范文
2015/05/14 职场文书
幼儿园老师工作总结2015
2015/05/22 职场文书
一文搞懂如何实现Go 超时控制
2021/03/30 Python
weblogic服务建立数据源连接测试更新mysql驱动包的问题及解决方法
2022/01/22 MySQL