时间:2021-05-25
复制代码 代码如下:
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方法访问要快些。
下面的文章会再对特殊属性的访问做介绍。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1.DOM:文档对象模型DOM(DocumentObjectModel)定义访问和处理HTML文档的标准方法。DOM将HTML文档呈现为带有元素、属性和文本的树
jQuery的get(index)方法允许选择一个实际的DOM元素并且对其直接操作,而不是通过jQuery函数,尔后可以直接访问DOM元素的tagName属性。
官网尽管提供了toggleRowSelection方法,但没有提供demo实例。通过了解,结合vue的特殊属性ref引用到Dom元素上,再执行dom上的togg
•区分DOM属性和元素属性通常开发人员习惯将id,src,alt等叫做这个元素的"属性"。我们将其称为"元素属性"。但是在解析成DOM对象时,实际浏
jQuery拥有可操作HTML元素和属性的强大方法。jQuery中非常重要的部分,就是操作DOM的能力。jQuery提供一系列与DOM相关的方法,这使访问和