需要做特殊处理的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 相关文章推荐
JS控制文本框textarea输入字数限制的方法
Jun 17 Javascript
jQuery中[attribute]选择器用法实例
Dec 31 Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
Feb 20 Javascript
浅析JavaScript事件和方法
Feb 28 Javascript
深入了解JavaScript中的Symbol的使用方法
Jul 28 Javascript
Javascript中浏览器窗口的基本操作总结
Aug 18 Javascript
js遍历json的key和value的实例
Jan 22 Javascript
原生和jQuery的ajax用法详解
Jan 23 Javascript
基于vue.js轮播组件vue-awesome-swiper实现轮播图
Mar 17 Javascript
JavaScript数据结构之二叉树的计数算法示例
Apr 13 Javascript
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
LayUI动态设置checkbox不显示的解决方法
Sep 02 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
全国FM电台频率大全 - 9 上海市
2020/03/11 无线电
简单解决新浪SAE无法上传文件的问题
2015/05/13 PHP
[原创]CI(CodeIgniter)简单统计访问人数实现方法
2016/01/19 PHP
ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解
2019/04/02 PHP
javascript写的一个链表实现代码
2009/10/25 Javascript
有关js的变量作用域和this指针的讨论
2010/12/16 Javascript
javascript 基础篇2 数据类型,语句,函数
2012/03/14 Javascript
防止登录页面出现在frame中js代码
2014/07/22 Javascript
JavaScript中的变量定义与储存介绍
2014/12/31 Javascript
jquery实现表单输入时提示文字滑动向上效果
2015/08/10 Javascript
JS+CSS实现仿雅虎另类滑动门切换效果
2015/10/13 Javascript
自己动手写的jquery分页控件(非常简单实用)
2015/10/28 Javascript
理解 JavaScript Scoping &amp; Hoisting(二)
2015/11/18 Javascript
jQuery解析json格式数据简单实例
2016/01/22 Javascript
jQuery向父辈遍历的简单方法
2016/09/18 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
2017/03/25 Javascript
纯原生js实现贪吃蛇游戏
2020/04/16 Javascript
nodejs操作mysql实现增删改查的实例
2017/05/28 NodeJs
babel的使用及安装配置教程
2018/02/22 Javascript
微信小程序开发实现消息推送
2020/11/18 Javascript
Python+MongoDB自增键值的简单实现
2016/11/04 Python
python实现画一颗树和一片森林
2018/06/25 Python
python 的numpy库中的mean()函数用法介绍
2020/03/03 Python
Pycharm的Available Packages为空的解决方法
2020/09/18 Python
使用HTML5 Canvas绘制圆角矩形及相关的一些应用举例
2016/03/22 HTML / CSS
浅谈html5与APP混合开发遇到的问题总结
2018/03/20 HTML / CSS
几道PHP的面试题
2012/05/19 面试题
英语专业毕业生自荐信
2013/10/28 职场文书
机关党员2014全国两会学习心得体会
2014/03/10 职场文书
大学计划书范文800字
2014/08/14 职场文书
2015年父亲节寄语
2015/03/23 职场文书
义诊活动通知
2015/04/24 职场文书
《大禹治水》教学反思
2016/02/22 职场文书
豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021
2022/03/18 日漫
海弦WR-800F
2022/04/05 无线电
Redis基本数据类型哈希Hash常用操作命令
2022/06/01 Redis