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

Question

我正在尝试通过循环名称设置元素的 ID。

我尝试通过按名称调用元素然后将 id 设置为字符串来设置 Id

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

请注意，我在循环中通过其 ID 将 img scr 设置为 img，因此如果我手动设置图像 ID，则 img 会显示。问题是通过元素的名称设置 ID。其他一切正常。

Answer 1

Document.getElementsByName()返回集合。要访问您拥有的元素，请使用适当的索引。

The Document.getElementsByName() method of the Document object returns a NodeList Collection of elements with a given name in the document.

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

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