javascript - 如何从具有某些 ID 的外部 div 访问图像标签？

Question

我有一个代码，其中有一个图像标签，它位于 div 的标签内，带有一些 id 我想访问图像标签属性 src 然后更改它，但我想要这个通用的 javascript 代码.

我的代码是:

<div id="p5pg5QXlX-an-obj-16">
<div><img height="89" width="89" src="assets/rplay.png"></div>
</div>

&我的javascript代码是:

playButton=document.getElementById("p5pg5QXlX-an-obj-16");

现在如何通过变量 playButton 访问图像标签的 src 属性？

Answer 1

更新:如果您想更改src，只需设置新的图片网址:

var playButton=document.getElementById("p5pg5QXlX-an-obj-16");

playButton.getElementsByTagName('img')[0].src = "http://i.imgur.com/RLKixQW.png"; // here

<div id="p5pg5QXlX-an-obj-16">
<div><img height="89" width="89" src="assets/rplay.png"></div>
</div>