1

document.images<img>HTML ファイル内のすべてのタグの完全なリストが含まれています。

img指定した要素に配置されているタグだけを取得できますか? （たとえば、どちらがimages_listクラスを持っているか）次のようなもの：

document.getElementById('images').images

ありがとう ...

4

2 に答える 2

3

コンテナ要素がcontainer以下に示すような名前の変数にある場合、プレーンな JavaScript でこれを行うことができます。

<div id="box">
    <img src="xxx">
    <img src="yyy">
</box>

var container = document.getElementById("box");
var imgs = container.getElementsByTagName("img");

最新のブラウザーでは、組み込みのセレクター関数を使用できます。

var imgs = document.querySelectorAll("#box img");

jQuery ライブラリを使用している場合は、以下を使用できます。

var imgs = $("#box img");

Sizzle セレクター ライブラリ (jQuery 内のセレクター ライブラリまたは個別に利用可能なセレクター ライブラリ) を使用する場合は、次を使用できます。

var imgs = Sizzle("#box img");

HTML を見せていただければ、その HTML についてより具体的に回答できます。

于 2012-06-29T03:59:29.080 に答える
1

JQuery や別のライブラリを使用しておらずid、クラスの代わりに を使用できる場合は、次のようにすることができます。

​var cont = document.getElementById("image_list");
var img = cont.getElementsByTagName("img");
console.log(img);


​&lt;div id="image_list">
<img id="img1" src="" />
</div>​​​​​​​​​​​​​​​​​​​​​​​

ただし、JQuery を使用することをお勧めします。上記のクラスを使用してこれを行うこともできますが、より多くのコードになります。

方法はありますが、getElementsByClassNameIE などのブラウザではサポートされていません。https://developer.mozilla.org/en/DOM/document.getElementsByClassName

ここにデモがあります。jquery の例も含めました: http://jsfiddle.net/TJn7A/1/

于 2012-06-29T03:59:21.637 に答える