將id添加到輸入

Question

我有以下輸入： <input type="text" name="1"> 。

如何使用香草JS為其分配ID？ 要使其看起來像這樣： <input type="text" name="1" id="2"> 。

到目前為止，這行不通，我無法找出原因...

var xyz = document.getElementsByName(1");
xyz.setAttribute("id", "2");

Answer 1

getElementsByName返回數組。 您需要將屬性設置為單個元素。 駭客： xyz[0].setAttribute...

Answer 2

正如VeroLom所說，

getElementsByName返回數組。

因此，您只需要返回一個元素：

var xyz = document.getElementsByName(1")[0]; // there, I pick the first element of the array
xyz.setAttribute("id", "2");

Answer 3

var xyz = document.getElementsByName("myName");
xyz[0].id = "myId";

要么

xyz[0].setAttribute("id", "myId");

請注意， ID和名稱不能以數字開頭 。

Answer 4

它們的函數.getElementsByName(1)返回名稱為1的HTML DOM對象數組。

要訪問第一個元素，請嘗試以下操作：

xyz = document.getElementsByName("1")[0];
xyz.setAttribute("id", "2");

順便說一下，ID應該以字母開頭。

Answer 5

var xyz = document.getElementsByName(1");
xyz.setAttribute("id", "2");

這將為您提供名稱為“ 1”的元素數組。 因此，您需要遍歷並為每個元素賦予id。

因此，如果您確定只有一個具有此名稱的元素，則可以

 var xyz = document.getElementsByName("1")[0];
 xyz.setAttribute("id", "2");