如何使用 JavaScript 更改 HTML 属性 [重复]答案

【问题标题】：How to change HTML Attribude with JavaScript [duplicate]如何使用 JavaScript 更改 HTML 属性 [重复]
【发布时间】：2022-02-09 02:24:52
【问题描述】：

我有一个div，其中有一个名为data-theme 的HTML 属性。我想问如何更改名为data-theme 的属性的值。例如：从：data-theme="dark" 到 data-theme="light"。该值作为字符串存储在变量中。

我的div：

<div id="myId" data-theme="dark"></div>

我想使用普通的 JavaScript。

【问题讨论】：

【解决方案1】：

document.getElementById("myId").setAttribute("data-theme", "newValue")

【讨论】：

元素有一个专门的dataset 对象，它与相应的数据属性同步。 document.getElementById("myId").dataset.theme="light";.