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

如何读取和修改 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" 将元素的文本颜色更改为红色。

以上就是如何读取和修改 DOM 元素的属性?的详细内容,更多请关注其它相关文章!