5 
<html>
<head></head>
<body>
<div id="ctl00_ContentPlaceHolder1_ctl00_ctl01_Showcase">
<div style="width:100%;text-align:center;"><img src="http://www.xyz.com/aaa.gif" id="ctl00_ContentPlaceHolder1_ctl00_ctl01_loderImg" alt="Loading" /></div>        </div>
<script>
q= document.getElementById('ctl00_ContentPlaceHolder1_ctl00_ctl01_Showcase').childNodes[1].getAttribute('src').innerHTML;

alert(q);

</script>
</body>
</html>

如何访问 img 标签的“src”属性？我上面的代码它给出了空值所以有什么问题吗？

4

4 回答 4

19

您可以src直接在图像上使用。此外，您不需要.innerHTML.

演示：http: //jsfiddle.net/ThinkingStiff/aU2H2/

document.getElementById( 'ctl00_ContentPlaceHolder1_ctl00_ctl01_loderImg' ).src;

HTML：

<html>
<head></head>
<body>
<div id="ctl00_ContentPlaceHolder1_ctl00_ctl01_Showcase">
    <div style="width:100%;text-align:center;"><img src="http://placekitten.com/100/100" id="ctl00_ContentPlaceHolder1_ctl00_ctl01_loderImg" alt="Loading" /></div>        
</div>
<script>
    q = document.getElementById( 'ctl00_ContentPlaceHolder1_ctl00_ctl01_loderImg' ).src;
    alert(q);
</script>
</body>
</html>
于 2012-06-25T04:09:31.933 回答
9 
alert(document.getElementById('your_image_id').getAttribute('src'));
于 2012-06-25T04:04:14.140 回答
0

首先，你不应该在最后使用 .innerHTML，因为属性没有 innerHTML 数据。其次，JS 在处理空白字符时非常脆弱。正如其他人指出的那样，我建议按 ID 定位图像。或者你可以使用这样的东西：

q= document.getElementById('ctl00_ContentPlaceHolder1_ctl00_ctl01_Showcase').getElementsByTagName("img")[0].getAttribute("src");

引用ctl00_ContentPlaceHolder1_ctl00_ctl01_Showcase节点，然后找到它下面的图像。

于 2012-06-25T04:02:25.527 回答
0

使用jQuery：

var imgsrc = $("#ctl00_ContentPlaceHolder1_ctl00_ctl01_loderImg").attr("src");

jQuery 是 IMO 最强大的方式。

于 2012-06-25T04:03:41.660 回答