Javascript 获取指定元素中的图像
Javascript 获取指定元素中的图像,javascript,dom,Javascript,Dom,document.images包含HTML文件中所有标记的完整列表 我可以只获取放置在指定元素中的img标记吗?(例如,哪个有images\u listclass)类似这样的内容: document.getElementById('images').images 谢谢…如果您没有使用JQuery或其他库,并且可以使用id而不是类,则可以执行以下操作: var cont = document.getElementById("image_list"); var img = cont.getElem
document.images
包含HTML文件中所有
标记的完整列表
我可以只获取放置在指定元素中的img
标记吗?(例如,哪个有images\u list
class)类似这样的内容:
document.getElementById('images').images
谢谢…如果您没有使用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>
var cont=document.getElementById(“图像列表”);
var img=cont.getElementsByTagName(“img”);
控制台日志(img);
但我建议使用JQuery。您可以在上面用一个类来实现这一点,但它需要更多的代码
有一个getElementsByClassName
方法,但IE等浏览器不支持该方法
这是一个演示,我还包括了一个jquery示例:如果您不使用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>
var cont=document.getElementById(“图像列表”);
var img=cont.getElementsByTagName(“img”);
控制台日志(img);
但我建议使用JQuery。您可以在上面用一个类来实现这一点,但它需要更多的代码
有一个getElementsByClassName
方法,但IE等浏览器不支持该方法
这是一个演示,我还包括了一个jquery示例:如果您的容器元素位于名为
container
的变量中,如下图所示,那么您可以在纯javascript中执行此操作:
<div id="box">
<img src="xxx">
<img src="yyy">
</box>
var container = document.getElementById("box");
var imgs = container.getElementsByTagName("img");
如果使用jQuery库,可以使用:
var imgs = $("#box img");
var imgs = Sizzle("#box img");
如果使用Sizzle选择器库(jQuery内部的选择器库或单独提供),可以使用:
var imgs = $("#box img");
var imgs = Sizzle("#box img");
向我们展示HTML,我们可以更具体地回答您的HTML。如果您的容器元素位于名为
container
的变量中,如下图所示,则可以使用纯javascript执行此操作:
<div id="box">
<img src="xxx">
<img src="yyy">
</box>
var container = document.getElementById("box");
var imgs = container.getElementsByTagName("img");
如果使用jQuery库,可以使用:
var imgs = $("#box img");
var imgs = Sizzle("#box img");
如果使用Sizzle选择器库(jQuery内部的选择器库或单独提供),可以使用:
var imgs = $("#box img");
var imgs = Sizzle("#box img");
向我们展示您的HTML,我们可以更具体地回答您的HTML。您是否使用jquery之类的js库?@Kishore:不,库对我的用户来说有点重。。。(jQuery方法很简单,我知道这一点。
$('.images\u list img')
您是否使用像jQuery这样的js库?@Kishore:不,库对我的用户来说有点重…(jQuery方法很简单,我知道这一点。$('.images\u list img')