JavaScript 属性 (Attributes)：了解和使用

JavaScript 是一种广泛应用于网页开发的脚本语言，它提供了丰富的功能和灵活性。在 JavaScript 中，属性 (Attributes) 是一种关键概念，它允许我们向 HTML 元素添加额外的信息，并通过 JavaScript 代码来操作和访问这些属性。本文将详细介绍 JavaScript 属性的概念、使用方法和示例代码。

什么是属性？

属性是 HTML 元素的特性，它们提供了关于元素的更多信息。在 JavaScript 中，我们可以使用属性为元素添加、修改或删除这些特性。属性可以包含各种类型的值，如字符串、数字、布尔值等。

JavaScript 中的属性分为两种类型：内置属性 (Built-in Attributes) 和自定义属性 (Custom Attributes)。

内置属性是 HTML 元素默认就具备的属性，比如 id、class、src 等。这些属性可以通过 JavaScript 直接访问和操作，以实现对元素的控制和交互。

自定义属性是我们根据需求自己添加的属性，它们的名称通常以 data- 开头，比如 data-username、data-age 等。自定义属性可以用于存储任意数据，并且不会影响元素的默认行为。

操作属性

JavaScript 提供了多种方式来操作元素的属性。

获取属性值

要获取元素的属性值，我们可以使用 getAttribute() 方法。该方法接受属性名称作为参数，并返回对应的属性值。下面是一个示例：

const element = document.getElementById('myElement');
const attributeValue = element.getAttribute('data-username');
console.log(attributeValue);

上述代码中，我们使用 getElementById() 方法获取一个具有 id 为 “myElement” 的元素，然后使用 getAttribute() 方法获取该元素的 data-username