使用 Javascript 更改元素 ID？答案

【问题标题】：Change element ID using Javascript?使用 Javascript 更改元素 ID？
【发布时间】：2017-07-04 08:45:54
【问题描述】：

<div id="content">
  Content
</div>

如何使用 Javascript 更改此 div 的 ID？

【问题讨论】：

能否把问题说清楚一点？
什么 div id？你是什么意思你很难改变它？您不能只在标记中更改它吗？
不明白为什么这个问题被否决和惩罚......很简单，正是我想要的。
@paulywill 同样，在这里！
@MichaelCoker 他可能应该说：«参数化改变元素......»或类似的东西。

标签： javascript jquery html

【解决方案1】：

在 Google 搜索的第一个结果中发现了这个：

document.getElementById("originalDivId").setAttribute("id", "newDivId");

getElementById 就像它所说的那样，它获取具有指定 Id 的元素的信息。 setAttribute 更改 HTML 元素的属性，即 HTML 标签内的内容（例如 class=""、id=""、style="" 等）。

【讨论】：

【解决方案2】：

您可以将 <div> 元素的 ID 替换为 .setAttribute("id", "newID")。这会将目标元素的 ID 属性替换为第二个参数中指定的值。

下面是一个展示这一点的示例，将 ID original 更改为 modified，并将更改记录到控制台：

console.log(document.getElementById("original").id);
document.getElementById("original").setAttribute("id", "modified");
console.log(document.getElementById("modified").id); // The same element

<div id="original">
  Content
</div>

请注意，一旦应用更改，您必须使用 document.getElementById("modified") 重新定位。

希望这会有所帮助！ :)

【讨论】：