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

Question

我有如下文本框元素：

<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');