如何读取和修改 DOM 元素的属性？

读取和修改 dom 元素的属性

要读取 DOM 元素的属性，可以使用元素的 Property 属性。例如，要读取 id 属性，可以使用 element.id。要修改属性，可以在 property 属性前面加上等号（=），然后指定新值。例如，要将 id 属性更改为 “new-id”，可以使用 element.id = “new-id”。

示例

以下代码读取了 div 元素的 id 属性：

const div = document.getElementById("box"); console.log(div.id); // "box"

以下代码将 div 元素的 class 属性更改为 “new-class”：

div.className = "new-class";

注意：

• 使用 property 属性可以读取和修改任何 html 属性。
• 也可以使用 style 属性来修改 css 样式。例如，element.style.color = “red” 将元素的文本颜色更改为红色。