Javascript - 在指定元素中更改元素的 src

Question

在 html 中，我有很多带有名称(是的，名称，不是 ID)的 od DIV，分别是 p001、p002、p003...，它们是这样的:

<div id="pole" name="p001"><img src=""></div>
<div id="pole" name="p002"><img src=""></div>
<div id="pole" name="p003"><img src=""></div>

等...

在 Javascript 中，我定义了名为“pos”的变量，其中包含一个数字，目前为:“284”和一个应该将 img src 更改为“player.png”的函数。我尝试了 2 种方法，但都不起作用:

document.getElementsByName('p'+pos).innerHTML='<img src="player.png">';

和

document.getElementsByName('p'+pos).getElementsByTagName("img").src="player.png";

如何更改指定DIV中的img src？

Answer 1

getElementsByName 返回一个元素列表，而不是单个元素，所以尝试:

document.getElementsByName('p'+pos)[0].
    getElementsByTagName("img")[0].src="player.png";