使用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>

注更改已被應用。

希望這會有所幫助！ :)