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

Question

在 html 中，我有很多带有名称（是的，名称，而不是 ID）的 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”的函数。我尝试了两种方法，但这些方法都不起作用：

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