設定新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