Question

我有一个代码，其中有一个图像标记位于div的标记内，其中包含一些ID我想访问图像标记属性src＆amp;然后改变它，但我想要这个通用的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访问image标签的src属性？

Answer 1

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

＆＃13;

var playButton=document.getElementById("p5pg5QXlX-an-obj-16");

playButton.getElementsByTagName('img')[0].src = "http://i.imgur.com/RLKixQW.png"; // here

＆＃13;

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

＆＃13;

Answer 2

您可以使用querySelectorAll功能并使用CSS选择器。

var playButton = document.querySelectorAll("#p5pg5QXlX-an-obj-16 img")[0];

您可以稍后更改src：

playButton.src = "someothersrc"

Answer 3

使用getAttribute（）： http://www.w3schools.com/jsref/met_element_getattribute.asp

注意，您必须删除HTML中元素之间的所有空格。

var playButton=document.getElementById("p5pg5QXlX-an-obj-16").childNodes[0].childNodes[0].getAttribute("src");

工作小提琴：

https://jsfiddle.net/spanndemic/ghn2oner/

如何从外部div访问带有一些id的图像标签？

3 个答案: