Question

document.images包含HTML文件中所有<img>代码的完整列表..

我可以只获取放置在指定元素中的img个标签吗？（例如哪一个有images_list类）这样的事情：

document.getElementById('images').images

谢谢...

Answer 1

如果您的容器元素位于名为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。

Answer 2

如果您不使用JQuery或其他库并且可以使用id而不是类，则可以执行此操作：

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


<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/

获取指定元素中的图像

2 个答案: