Javascript：更改元素的id

我有一个元素：

<table id="listeCalOp"><tbody><tr><td><input name="calOp_date_debut_0" id="calOp_date_debut_0" value="" type="></tr></td></tbody></table>

---

我看到您正在使用jQuery：您可以像这样使用
.attr
函数：

$('#my-id').attr('id', 'my-new-id')

参考：
您可以进行几处更正


您可以通过其id本身访问要克隆的元素
当您直接使用其html时，无需克隆


i、 e

我不知道为什么需要jQuery来更改元素的id。这是香草javascript

var myElement = document.getElementById("calOp_date_debut_0");
myElement.id = "calOp_date_debut_12"
//if needed
myElement.name = "calOp_date_debut_12"

你也需要克隆你的元素吗

var myNewElement = myElement.cloneNode(false)

您是否需要它与所有的内部html（所以儿童）

var $newEl = $('#calOp_date_debut_0').clone();
$newEl.attr( "id", "calOp_date_debut_22" );
var markup = $("<tr></tr>").append( $newEl );

var myElement = document.getElementById("calOp_date_debut_0");
myElement.id = "calOp_date_debut_12"
//if needed
myElement.name = "calOp_date_debut_12"

var myNewElement = myElement.cloneNode(false)

var myNewElement = myElement.cloneNode(true)