资讯专栏INFORMATION COLUMN

JavaScript の 内容属性(HTML属性attribute)和 DOM 属性(propert

elva / 3425人阅读

摘要:博文内容属性属性和属性标签博文粗略解读与做对比内容属性属性属性属性中的对应原生中的中的对应原生中对象在中在更早版本的中,内容属性在对象上表示为文档对象模型。即中属性属性解读内容属性在是源中指定的属性,例如,。

[博文]内容属性(HTML属性)和 DOM 属性

标签: 博文 JavaScript

粗略解读(与jQuery做对比)

内容属性(HTML属性) : attribute

DOM 属性(Element属性) : property

jQuery 中的:attr() 对应原生JS中的 setAttribute() / getAttribute;

jQuery 中的:prop() 对应原生JS中 DOM对象.property;

在IE中

在更早版本的 Windows Internet Explorer 中,内容属性在 JavaScript 对象上表示为文档对象模型 (DOM) expando。

即: HTML属性attr === DOM属性prop

从 Windows Internet Explorer 91 开始,内容属性不再连接到 DOM expando,这提高了 Internet Explorer 和其他浏览器之间的可互操作性。

即IE10+中: HTML属性attr !== DOM属性prop

解读

“内容属性-attr”在是 HTML 源中指定的属性,例如,。许多内容属性都作为 HTML 的一部分进行预定义;HTML 还支持其他用户定义的内容属性。

“dom属性-prop”是从 JavaScript 中的对象检索的值,可通过 . 运算符获得值, 例如 document.all["myelement"].domExpando。JavaScript 还支持其他用户定义的属性。

约定

因为IE9+ 通过 var divExpando = div.myAttr; 的方法获得 内容属性(HTML属性)会导致 得到一个未定义的值,所以我们约定使用代码:

    var divExpando = div.getAttribute("myAttr"); // 得到有价值的HTML属性

在 IE8 和以前版本中(包括 IE8 标准模式和 IE9 中的以前模式),仍然存在 myAttr 内容属性 表示存在 myAttr DOM expandovar divExpando = div.myAttr; // divExpando 任然会得到有价值的定义

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/87088.html

相关文章

  • JavaScript DOM

    摘要:但上述两个情况中都是同一份文档。提示对象是对象的一部分,可通过属性对其进行访问。返回包含指定节点的子节点的集合,该集合为即时更新的集合。对象在中,对象表示元素属性节点的无序集合。 DOM简介( Document Object Model 文档对象模型) W3C W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。W3C D...

    Nekron 评论0 收藏0
  • DOM元素的属性property)特性(attribute

    摘要:属性和特性我们知道的实现就是把一个文档映射为一棵树,而树上的每个节点其实就是一个对象。 从jQuery的prop()和attr()方法说开去 jQuery中有两个获取DOM元素属性的方法:prop()和attr(),看似可以互相替换,但若搞不清这两个方法获取的到底是什么属性,有时就会出现令人困惑的结果。官方文档中,用了下面的例子来解释这两者的不同: 操作 结果 elem.c...

    psychola 评论0 收藏0
  • DOM元素的属性property)特性(attribute

    摘要:属性和特性我们知道的实现就是把一个文档映射为一棵树,而树上的每个节点其实就是一个对象。 从jQuery的prop()和attr()方法说开去 jQuery中有两个获取DOM元素属性的方法:prop()和attr(),看似可以互相替换,但若搞不清这两个方法获取的到底是什么属性,有时就会出现令人困惑的结果。官方文档中,用了下面的例子来解释这两者的不同: 操作 结果 elem.c...

    tianyu 评论0 收藏0
  • JavaScript高级-unit10 DOM

    摘要:在浏览器中,对象是继承自类型的一个实例,表示整个页面。一致性检测属性提供相应信息和功能的对象,与浏览器对的实现直接对应。在中,标签名始终都以全部大写表示而在有时包括,标签名始终与源代码中的保持一致。设置的特性名统一转为小写。 简介 DOM描述了一个层次化的节点树,允许开发人员添加、移除和修改页面。 节点 根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点: ...

    kohoh_ 评论0 收藏0

发表评论

0条评论

elva

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<