使用Javascript更改元素ID？

Question

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

我将如何改变这个ID的div使用Javascript？

Answer 1

发现这对谷歌搜索的第一个结果：

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

getElementById不正是它说，它获得与ID指定元素的信息。 setAttribute更改HTML元素的属性，即HTML标签内部的内容（例如class="",id="",style=""等）。

Answer 2

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

这里有一个例子展示了这一点，改变ID original到modified，并记录变化到控制台：你必须重新定位与document.getElementById("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>

注更改已被应用。

希望这会有所帮助！ :)