如何設置修改HTML元素的ID動態

Question

我有textbox元素如下：

<input type="text" class="url" id="url" name="url" contenteditable="true" style=" text-align: left; height: 30px; width:512px; " placeholder="Enter URL ..."/></input> 

當用戶執行按鈕點擊動作，在調用的函數我想改變文本框的ID。

是否有類似

document.setElementID？

我已經創建了輸入元素，以便這不會幫助：

var hiddenInput = document.createElement("input"); 
    hiddenInput.setAttribute("id", "uniqueIdentifier"); 

Answer 1

var hiddenInput = document.getElementById ('url'); 
hiddenInput.id = 'uniqueIdentifier'; 

或使用jQuery：

$('#url').attr('id','uniqueIdentifier');