attribute和property的区别是什么

HTML文档中，attribute（属性）和property（属性）这两个术语经常使用，它们在不同的上下文中有不同的含义。

对象导向编程中的Attribute和Property

在对象导向编程（OOP）的上下文中，attribute和property通常指代与对象关联的数据，但它们的概念和用途有所不同。

Attribute (属性)：

• 在OOP中，attribute通常指的是对象的内部状态，它们是类定义中的变量。
• 这些是对象的数据成员，用于存储对象的信息。
• 例如，假设我们有一个 Car类，那么 color和 model可能是 Car对象的attributes。

Property (属性)：

• Property在OOP中通常指的是提供对attribute的访问的一种特殊方法，这些方法通常是通过getter和setter方法暴露的。
• Property允许封装attribute，从而可以在读取或修改attribute时添加附加的逻辑，如验证或事件触发。
• 例如，Car类可能有一个 mileage属性，它通过getter方法 get_mileage()和setter方法 set_mileage(value)来访问和修改里程信息，而不是直接公开一个 mileage attribute。

HTML文档处理中的Attribute和Property

在HTML和Web开发的上下文中，attribute和property也有不同的含义。

Attribute (属性)：

• HTML attribute是HTML标签的一部分，用于在HTML文档中为元素定义特定的配置或行为。
• Attributes在HTML源代码中明确定义，例如 <input type="text" value="Hello">中的 type和 value。
• Attributes的值通常是在页面加载时定义的静态值。

Property (属性)：

• HTML元素在浏览器中表示为JavaScript对象，这些对象具有properties。
• 这些properties与JavaScript运行时相连，表示DOM元素的当前状态。
• Properties可以在运行时动态改变，例如，通过JavaScript改变input元素的 value property，document.getElementById('myInput').value = 'New Value';。

示例：

考虑HTML中的一个 <input>元素，其初始HTML可能如下所示：

html
<input id="myInput" type="text" value="Initial">

这里，id、type和 value都是HTML attributes。

当页面加载后，我们可以通过JavaScript访问 <input>元素的property，比如：

javascript
var inputElement = document.getElementById('myInput');
console.log(inputElement.value); // 输出: Initial

在这个时候，value attribute和 value property都是“Initial”。然而，如果用户在input框中输入新的文本，比如“Hello”，那么 value property将改变，而 value attribute仍然为“Initial”。