使用名称设置新 ID 以输入 javascript

Question

我有输入类型文本

<input type="text" name="processName">

我想使用输入元素的名称为此输入元素设置新 ID

 document.getElementsByTagName("processName")[0].setAttribute("id", "proceesOffsetId");

哪个不工作

Answer 1

 document.getElementsByName("processName")[0].id = "proceesOffsetId";

Answer 2

所以getElementsByTagName指的是元素标签（例如：div标签、li标签、input标签等...）。它不通过 name 属性获取元素。

所以在你的情况下，要定位 input 元素，你可以这样做：

document.getElementsByTagName("input")[0].setAttribute("id", "proceesOffsetId");

这将为 input 元素提供 proceesOffsetId 的 id。

或者，要定位 name 属性，您可以使用 document.getElementsByName:

document.getElementsByName("processName")[0].setAttribute("id", "proceesOffsetId");

这也会给 input 元素一个 id 的 proceesOffsetId。

Answer 3

不要使用 getElementsByTagName，而是使用适合您要求的 getElementsByName。

HTML :

<input type="text" name="processName">

JS:

var x= document.getElementsByName("processName");
console.log(x);
x[0].setAttribute("id", "proceesOffsetId");

Set new id using name to input javascript