如何在javascript中访问<img>标签的'src'属性?

Poo*_*sai 3 javascript

<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>
Run Code Online (Sandbox Code Playgroud)

我如何访问img标签的'src'属性?我上面的代码它给出了空值,所以什么是错的?

Thi*_*iff 13

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

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

document.getElementById( 'ctl00_ContentPlaceHolder1_ctl00_ctl01_loderImg' ).src;
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)


coo*_*guy 7

alert(document.getElementById('your_image_id').getAttribute('src'));
Run Code Online (Sandbox Code Playgroud)