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' 属性にアクセスするにはどうすればよいですか? 上記のコードはnull値を与えるので、どうしたのですか？

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 を使用しないでください。第 2 に、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 に答える