javascript - 如何在js中通过名称设置元素的ID？

我试图通过一个循环的名称设置一个元素的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。其他一切正常。

最佳答案

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"/>