HTML中的ATTRIBUTE 和 PROPERTY

在 HTML 中，属性（Attribute）和属性（Property）是用于描述 HTML 元素的相关特性的术语。

属性（Attribute）是指在 HTML 标签中声明的附加信息。它们以键值对的形式出现，用于提供元素的初始状态或配置选项。属性的名称是不区分大小写的，并且值可以是字符串或布尔值。

例如，在以下的 HTML <input> 元素中， type 、 id 和 disabled 都是属性：

<input type="text" id="myInput" disabled>

在这个例子中， type 、 id 和 disabled 是属性，而 "text" 、 "myInput" 和空（或者说true）是属性值。

属性值可以通过 JavaScript 来访问和修改，例如：

var input = document.getElementById("myInput");
console.log(input.disabled); // true
input.disabled = false;

属性（Attribute）通常以 HTML 标签的形式出现，作为标签的一部分，用于指定元素的初始状态。它们可以通过 HTML 属性和标签的属性值来定义，并且可以在 HTML 文档中进行静态解析和修改。

属性（Property）是指通过 JavaScript 对象来表示 HTML 元素的特性。在 HTML DOM（文档对象模型）中，每个 HTML 元素都对应一个 JavaScript 对象，这个对象具有与元素相关的属性。这些属性提供了对元素的动态访问和修改能力。

通过 JavaScript，可以直接访问和修改元素的属性（Property）。例如，可以使用 element.id 来获取或设置元素的 ID 属性。

属性（Attribute）和属性（Property）之间通常存在关联，但并不总是一致的。在某些情况下，它们的名称和值是相同的，但在其他情况下，它们可能会有所不同。例如，HTML 的 class 属性对应 JavaScript 的 className 属性。

总结：

- 属性（Attribute）是在 HTML 标签中声明的，用于提供元素的初始状态或配置选项。
- 属性（Property）是通过 JavaScript 对象来表示元素的特性，提供了对元素的动态访问和修改能力。
- 属性（Attribute）和属性（Property）通常相关联，但它们的名称和行为在某些情况下可能会有所不同。

相关阅读：

1、https://blog.wanwuguiyi.com/html-js-alert-code/

2、https://blog.wanwuguiyi.com/javascript-fabric/

3、https://blog.wanwuguiyi.com/web-html-css-lastchild/