js 设置元素属性

// 示例代码：设置元素属性

// 假设我们有一个 HTML 元素，例如 <div> 或 <img>
// 我们可以通过 JavaScript 来设置它的属性

// 1. 使用 setAttribute 方法设置属性
let element = document.getElementById("myElement"); // 获取元素
element.setAttribute("class", "newClass"); // 设置 class 属性为 "newClass"
element.setAttribute("data-custom", "customValue"); // 设置自定义属性 data-custom

// 2. 直接操作属性（适用于常见属性）
element.id = "newId"; // 设置 id 属性为 "newId"
element.src = "new-image.jpg"; // 如果是 img 元素，设置图片源为 "new-image.jpg"

// 3. 设置样式属性
element.style.color = "red"; // 设置文本颜色为红色
element.style.fontSize = "20px"; // 设置字体大小为 20px

// 解释：
// - setAttribute() 方法用于设置指定的属性值，适用于所有类型的属性。
// - 直接操作属性的方式更简洁，适用于常见的 HTML 属性（如 id、src 等）。
// - 对于样式属性，可以直接通过 style 对象进行设置。