如何通過js的名稱設置Element的ID？

Question

我試圖通過一個循環的名稱設置一個元素的ID。

我試圖通過按名稱調用元素來設置ID，然后將ID設置為字符串

<img name="myFirstImage" src="" id="" style="width:100%;cursor:pointer" 
<script> document.getElementsByName("myFirstImage").id = "imageBox";</script>

請注意，我是通過循環將img scr的ID設置為img的，因此，如果手動設置圖像ID，則會顯示img。 問題是通過元素名稱設置ID。 其他一切正常。

Answer 1

Document.getElementsByName()返回集合。 要訪問該元素，請使用適當的index 。

Document對象的Document.getElementsByName()方法返回文檔中具有給定名稱的元素的NodeList集合。

 document.getElementsByName("myFirstImage")[0].id = "imageBox"; console.log(document.getElementsByName("myFirstImage")[0].id); 

 <img name="myFirstImage" src="/test" id="" style="width:100%;cursor:pointer"> 

Answer 2

document.getElementsByName()返回一個NodeList。 您正在嘗試更改NodeList的ID。
您也可以document.querySelector('img[name="myFirstImage"]') 。 這將返回單個元素。

 document.getElementsByName("myFirstImage")[0].id = "imageBox"; console.log(document.getElementById('imageBox')); 

 <img name="myFirstImage" src="" id="" style="width:100%;cursor:pointer"/>