6

一意の ID を持つ div 内に配置された画像のソースを取得するにはどうすればよいですか。

<div id="0a01">
   <img src = "one.jpg" />
</div>
<div id="0a02">
   <img src = "two.jpg" />
</div>
<div id="0a03">
   <img src = "three.jpg" />
</div>

画像自体にIDを付けていれば、それを使用できたはずです-

var src= document.getElementById("<id-for-image>").src;

image タグに id を指定できないので、ややこしいです。この場合の入手方法がわからない?

4

2 に答える 2

6

querySelectorを使用できます。

var src= document.querySelector("#id-for-image img").src;

セレクターは CSS 標準と互換性がある必要があることに注意してください。つまり、ID を数字で始めてはいけません。

ID を本当に修正できない場合 (他の問題につながるため、これは悪いことです)、次の種類のセレクターを使用できます。

var src= document.querySelector('[id="0a03"] img').src;

デモンストレーション

于 2013-11-08T19:59:44.630 に答える
1

レイアウトが常にそのようになる場合は、次のように.childrenを使用できます。

var i = document.getElementById("0a01").children[0].src;
于 2013-11-08T20:04:09.033 に答える