设定新ID的JavaScript

Question

我有输入型文本

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

我想用input元素的名称新的ID设置为这个输入元素

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

这是不工作

Answer 1

因此getElementsByTagName引用元素标记（例如：div标记，li标记，输入标记等）。它不通过name属性获取元素。

所以你的情况，来定位input元素，你可以做这样的事情：

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

这将给input件proceesOffsetId的id。

或者，瞄准name属性，你可以使用document.getElementsByName：

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

这也将给input件proceesOffsetId的id。

Answer 2

你应该使用getElementsByName

document.getElementsByName("processName")[0].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"); 

这里的参考：https://www.w3schools.com/jsref/met_doc_getelementsbyname.asp