需要做特殊处理的DOM元素属性的访问
程序员文章站
2023-11-22 11:50:04
复制代码 代码如下: var props = { 'for' : 'htmlfor', 'class': 'classname', readonly: 'rea...
复制代码 代码如下:
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元素属性的访问
-
闭包的原理与经典应用场景,访问器属性,类与对象的创建与成员引用,数组与对象的解构过程与经典案例,JS引入到浏览器中的的方法及获取DOM元素的两个API
-
闭包的原理与经典应用场景,访问器属性,类与对象的创建与成员引用,数组与对象的解构过程与经典案例,JS引入到浏览器中的的方法及获取DOM元素的两个API
-
需要做特殊处理的DOM元素属性的访问_DOM
-
闭包及访问量属性和类与对象解构赋值以及js中对html中的dom操作(时间有点紧,没全理解透,需回头整理)
-
闭包及访问量属性和类与对象解构赋值以及js中对html中的dom操作(时间有点紧,没全理解透,需回头整理)
-
JS的闭包、访问器属性、类与对象的创建和解构、获取DOM元素的二个API学习小结
-
JS的闭包、访问器属性、类与对象的创建和解构、获取DOM元素的二个API学习小结