[英]How do i access 'src' attribute of <img> tag in 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>
我如何訪問img標簽的'src'屬性？ 我上面的代碼它給出了空值，所以什么是錯的？
您可以直接在圖像上使用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>
alert(document.getElementById('your_image_id').getAttribute('src'));
首先，你不應該在最后使用.innerHTML，因為屬性沒有innerHTML數據。 其次，JS在涉及空白時如何處理兒童是非常脆弱的。 我會建議像其他人指出的那樣通過ID定位圖像。 或者你可以使用這樣的東西：
q= document.getElementById('ctl00_ContentPlaceHolder1_ctl00_ctl01_Showcase').getElementsByTagName("img")[0].getAttribute("src");
引用ctl00_ContentPlaceHolder1_ctl00_ctl01_Showcase節點，然后找到它下面的圖像。
使用jQuery ：
var imgsrc = $("#ctl00_ContentPlaceHolder1_ctl00_ctl01_loderImg").attr("src");
jQuery是IMO最強大的方式。
如何修改src屬性的值 <img> 使用jquery或javascript標記
[英]how to modify the value of src attribute of <img> tag using jquery or javascript
如何在圖片標簽的src屬性內傳遞字符串 <img src=“”> 使用jQuery / JavaScript的？
[英]How to pass string inside src attribute of image tag <img src=“”> using jquery/javascript?
嘗試在Colfusion中使用JavaScript將src屬性添加到img標簽時，為什么會出現錯誤？
[英]Why am I getting an error when trying to add the src attribute to an img tag using JavaScript within Colfusion?
如何將圖像從 NodeJS 緩沖區 object 轉換為 JavaScript 中的 base64 以便它可以在<img> src 屬性？
[英]How do I convert an image from a NodeJS Buffer object to base64 in JavaScript so it can be used in the <img> src attribute?
如何更改每個的 src img 屬性<li><img>物品？</li>
[英]How do i change the src img attribute for each <li> <img> item?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.