需要做特殊处理的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 相关文章推荐
juqery 学习之三 选择器 子元素与表单
Nov 25 Javascript
获取内联和链接中的样式(js代码)
Apr 11 Javascript
深入浅析search 搜索框的写法
Aug 02 Javascript
XMLHttpRequest Level 2 使用指南
Aug 26 Javascript
轻松实现js选项卡切换效果
Sep 24 Javascript
BootStrop前端框架入门教程详解
Dec 25 Javascript
JavaScript中各数制转换全面总结
Aug 21 Javascript
Vue2 监听属性改变watch的实例代码
Aug 27 Javascript
js实现图片局部放大效果详解
Mar 18 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
Sep 28 Javascript
Vue开发中遇到的跨域问题及解决方法
Feb 11 Javascript
JavaScript代码简化技巧实例解析
Sep 09 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多层数组与对象的转换实例代码
2013/08/05 PHP
php上传图片到指定位置路径保存到数据库的具体实现
2013/12/30 PHP
PHP实现获取图片颜色值的方法
2014/07/11 PHP
yii2项目实战之restful api授权验证详解
2017/05/20 PHP
JavaScript使用prototype定义对象类型(转)[
2006/12/22 Javascript
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
2013/01/11 Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
2013/09/25 Javascript
javascript转换静态图片,增加粒子动画效果
2015/05/28 Javascript
jquery插件EasyUI中form表单提交实例分享
2016/01/11 Javascript
JS组件Bootstrap Table使用方法详解
2016/02/02 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
2016/03/11 Javascript
41个Web开发者必须收藏的JavaScript实用技巧
2016/07/22 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
2016/12/12 Javascript
Vue2.0实现购物车功能
2017/06/05 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
2018/07/12 Javascript
详解在HTTPS 项目中使用百度地图 API
2019/04/26 Javascript
详解Vue中的基本语法和常用指令
2019/07/23 Javascript
浅谈vue生命周期共有几个阶段?分别是什么?
2020/08/07 Javascript
[51:10]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python多进程并发(multiprocessing)用法实例详解
2015/06/02 Python
Python面向对象之继承代码详解
2018/01/29 Python
python使用代理ip访问网站的实例
2018/05/07 Python
selenium python 实现基本自动化测试的示例代码
2019/02/25 Python
在Python中构建增广矩阵的实现方法
2019/07/01 Python
在HTML5 canvas里用卷积核进行图像处理的方法
2018/05/02 HTML / CSS
贝斯特韦斯特酒店集团官网:Best Western
2019/01/03 全球购物
英国门把手公司:Door Handle Company
2019/05/12 全球购物
中兴通讯全球官方网站:ZTE
2020/12/26 全球购物
施工班组长岗位职责
2014/01/05 职场文书
给老婆的搞笑检讨书
2014/01/12 职场文书
文明寝室申报材料
2014/05/12 职场文书
2015年大学元旦晚会活动策划书
2014/12/09 职场文书
时尚女魔头观后感
2015/06/04 职场文书
孝女彩金观后感
2015/06/10 职场文书
2016年优秀班主任先进事迹材料
2016/02/26 职场文书
sql时间段切分实现每隔x分钟出一份高速门架车流量
2022/02/28 SQL Server