JS 中的 property 和 attribute 的区别

小编 • 2023年2月20日上午12:24 • 科技 • 阅读 737

区别是：property是DOM中的属性，是JavaScript里的对象；property是声明属性的名称和用于存储和检索属性值的属性过程。attribute是HTML标签上的特性，它的值只能够是字符串；<xsl:attribute> 元素用于向元素添加属性。注释：<xsl:attribute> 元素会替换名称相同的已有属性。

property 和 attribute非常容易混淆，两个单词的中文翻译也都非常相近（property：属性，attribute：特性），但实际上，二者是不同的东西，属于不同的范畴。

property是DOM中的属性，是JavaScript里的对象；property是声明属性的名称和用于存储和检索属性值的属性过程。

attribute是HTML标签上的特性，它的值只能够是字符串；<xsl:attribute> 元素用于向元素添加属性。注释：<xsl:attribute> 元素会替换名称相同的已有属性。

简单理解，Attribute就是dom节点自带的属性，例如html中常用的id、class、title、align等。而Property是这个DOM元素作为对象，其附加的内容，例如childNodes、firstChild等。

attributes是属于property的一个子集，它保存了HTML标签上定义属性。如果再进一步探索attitudes中的每一个属性，会发现它们并不是简单的对象，它是一个Attr类型的对象，拥有NodeType、NodeName等属性。关于这一点，稍后再研究。注意，打印attribute属性不会直接得到对象的值，而是获取一个包含属性名和值的字符串。

延伸阅读：

什么是JS？

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

JavaScript的标准是ECMAScript 。截至 2012 年，所有浏览器都完整的支持ECMAScript 5.1，旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日，ECMA国际组织发布了ECMAScript的第六版，该版本正式名称为 ECMAScript 2015，但通常被称为ECMAScript 6 或者ES2015。