js 设置属性

// 示例代码：使用 JavaScript 设置元素的属性

// 1. 使用 setAttribute 方法设置属性
const element = document.createElement('div');
element.setAttribute('id', 'myDiv');  // 设置 id 属性为 'myDiv'
element.setAttribute('class', 'container');  // 设置 class 属性为 'container'

// 2. 直接通过对象属性设置
element.style.width = '100px';  // 设置内联样式 width 为 100px
element.title = 'This is a div';  // 设置 title 属性

// 3. 使用 dataset 设置自定义 data 属性
element.dataset.role = 'main-content';  // 设置 data-role 属性为 'main-content'

// 解释说明：
// - `setAttribute` 方法用于设置指定的属性值，适用于大多数标准属性和自定义属性。
// - 直接通过对象属性（如 style、title 等）设置的方式更简洁，适用于特定属性。
// - `dataset` 是一个特殊的属性，用于访问和设置带有 `data-` 前缀的自定义属性。