繁体   English   中英

获取指定元素中的图像

[英]get images which are in a specified element

document.images包含HTML文件中所有<img>标记的完整列表。

我可以只获取放置在指定元素中的img标签吗? (例如哪一个有images_list类)这样的东西:

document.getElementById('images').images

谢谢 ...

如果你的容器元素在一个名为container的变量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。

如果您不使用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/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM