如何读取和修改 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 元素的属性?的详细内容,更多请关注其它相关文章!