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 或其他库并且可以使用 anid而不是类，您可以这样做：

​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。您可以在上面使用一个类来执行此操作，但代码会更多。

有一种getElementsByClassName方法，但IE等浏览器不支持。https://developer.mozilla.org/en/DOM/document.getElementsByClassName

这是一个演示，我也包含了一个 jquery 示例：http: //jsfiddle.net/TJn7A/1/

于 2012-06-29T03:59:21.637 回答