Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取指定元素中的图像_Javascript_Dom - Fatal编程技术网

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')