js 获取属性

// 示例代码：获取元素的属性

// 假设我们有一个 HTML 元素，如下：
// <div id="myDiv" class="example" data-info="some info"></div>

// 1. 使用 getAttribute 方法获取属性值
const element = document.getElementById('myDiv');
const attributeValue = element.getAttribute('data-info'); // 返回 "some info"
console.log(attributeValue);

// 2. 直接访问属性（适用于常见的属性如 id, className 等）
const id = element.id; // 返回 "myDiv"
const className = element.className; // 返回 "example"
console.log(id, className);

// 3. 使用 dataset 获取自定义 data 属性
const dataIndex = element.dataset.info; // 返回 "some info"
console.log(dataIndex);

解释说明：

• getAttribute：用于获取任何指定的属性值，包括自定义属性。
• 直接访问属性：对于一些常见的属性（如 id, className），可以直接通过元素对象访问。
• dataset：用于获取带有 data- 前缀的自定义属性，例如 data-info。