[英]How to get as e.target the exact element at which onClick is specified?
[英]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.