需要做特殊处理的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 EasyUI的formatter格式化函数代码
Jan 12 Javascript
利用JQuery和JS实现奇偶行背景颜色自定义效果
Nov 19 Javascript
javascript:void(0)使用探讨
Aug 27 Javascript
Node.js插件的正确编写方式
Aug 03 Javascript
JS延时提示框实现方法详解
Nov 26 Javascript
JavaScipt中栈的实现方法
Feb 17 Javascript
关于JavaScript中的this指向问题总结篇
Jul 23 Javascript
学习使用ExpressJS 4.0中的新Router的用法
Nov 06 Javascript
详解Vue中watch对象内属性的方法
Feb 01 Javascript
20个必会的JavaScript面试题(小结)
Jul 02 Javascript
layui表格分页 记录勾选的实例
Sep 02 Javascript
layui自己添加图片按钮并点击跳转页面的例子
Sep 14 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常用字符函数实例小结
2016/12/29 PHP
PHP生成随机密码4种方法及性能对比
2020/12/11 PHP
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
JavaScript 高效运行代码分析
2010/03/18 Javascript
jQuery1.6 正式版发布并提供下载
2011/05/05 Javascript
谈谈JavaScript中的函数与闭包
2013/04/14 Javascript
javascript获取元素CSS样式代码示例
2013/11/28 Javascript
Javascript 按位与运算符 (&amp;)使用介绍
2014/02/04 Javascript
JQuery中DOM实现事件移除的方法
2015/06/13 Javascript
JavaScript事件学习小结(一)事件流
2016/06/09 Javascript
javascript学习笔记_浅谈基础语法,类型,变量
2016/09/19 Javascript
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例
2016/12/06 Javascript
Vue数据驱动模拟实现2
2017/01/11 Javascript
Nodejs 复制文件/文件夹的方法
2017/08/24 NodeJs
浅谈node的事件机制
2017/10/09 Javascript
AngularJs 终极购物车(实例讲解)
2017/11/08 Javascript
微信小程序实现获取小程序码和二维码java接口开发
2019/03/29 Javascript
vue中axios实现数据交互与跨域问题
2019/05/12 Javascript
一些可能会用到的Node.js面试题
2019/06/15 Javascript
Vue.js实现备忘录功能
2019/06/26 Javascript
基于jquery ajax的多文件上传进度条过程解析
2019/09/11 jQuery
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
python pcm音频添加头转成Wav格式文件的方法
2019/01/09 Python
python中使用ctypes调用so传参设置遇到的问题及解决方法
2019/06/19 Python
使用python爬取抖音视频列表信息
2019/07/15 Python
CSS3实现的闪烁跳跃进度条示例(附源码)
2013/08/19 HTML / CSS
工商技校毕业生自荐信
2013/11/15 职场文书
《蒙娜丽莎之约》教学反思
2014/02/27 职场文书
《守株待兔》教学反思
2014/03/01 职场文书
我的求职择业计划书
2014/04/04 职场文书
银行求职信
2014/05/31 职场文书
银行纠风工作实施方案
2014/06/08 职场文书
集中采购方案
2014/06/10 职场文书
党的群众路线对照检查材料
2014/09/22 职场文书
关于倡议书的范文
2015/04/29 职场文书
Golang jwt身份认证
2022/04/20 Golang