如何使用javascript更改id值？ [复制]答案

【问题标题】：How to change id value using javascript? [duplicate]如何使用javascript更改id值？ [复制]
【发布时间】：2019-08-07 16:34:49
【问题描述】：

我想在点击按钮时更改和恢复元素 ID。

HTML：<p id="tprice">Price Total: $<span id="order_total">0</span></p>

点击此按钮后，想要将此 id="order_total" 更改并还原为此 id="rsorder_total"：-

<input type="button" value="USD" id="myButton"></input>

【问题讨论】：

这是什么原因？如果是改变样式，只需添加/删除css类即可。
看看this question 的答案。但正如 Get Off My Lawn 所说，听起来你应该使用类而不是 ID。
通常你不会改变元素id。如果您因为需要跟踪某些属性或顺序而需要更改它，那么我建议使用data-... 属性，或者如果要更改元素的样式，则使用第一条评论中所述的 CSS 类
????他说的 100%

标签： javascript html

【解决方案1】：

您可以通过 dom 访问您的按钮，然后您可以更改它。

您可以轻松地在按钮上添加事件侦听器，然后也可以使用 dom。 document.getElementById("myButton").addEventListener("click", function(){ document.getElementById("order_total").id = "rsorder_total"; });

【讨论】：

我想更改“
总价：$0
”点击此元素 id按钮 " "