Attribute和Property的区别

概念概述

Attribute（属性）是HTML元素中用于描述标签附加信息的概念，主要用于定义XML标签的属性值。而Property（属性）则是JavaScript对象中描述成员的概念，用于定义JavaScript对象的属性。

描述

在描述HTML时，我们需要为标签设定一些属性值的键值对，以便更好地描述标签。例如，以下输入标签定义了三个属性：

解析后，浏览器会创建一个Element对象，该对象包含多个属性，如id、innerHTML、outerHTML等。这些属性与标签的相关属性存在一定的映射关系，但并非完全一一对应。

映射关系分析

一一对应

一些属性存在与属性的一一映射关系。例如，id属性。

名称不同

一些属性存在与属性名称不同的映射关系。例如，class属性。

无映射关系

一些属性不存在与属性的映射关系。例如，自定义属性。

实例说明

属性值修改

getAttribute("type") 返回值为 t

type 属性值为 text

属性值变化

getAttribute("value") 返回值为 test

value 属性值为 t

defaultValue 属性值为 test

自定义属性

customize 属性值为 undefined

getAttribute("customize") 返回值为 test

代码示例

Attribute Property

总结

Attribute和Property在技术实现上有本质区别。Attribute是HTML标签的属性值，通常用于描述标签的属性，而Property是JavaScript对象的属性，用于描述对象的成员。两者在某些情况下存在映射关系，但并非完全一一对应。理解这一区别对开发和维护HTML和JavaScript代码至关重要。

转载地址：http://lsckz.baihongyu.com/

你可能感兴趣的文章