Javascript DIV中的图像采集

Javascript DIV中的图像采集,javascript,html,Javascript,Html,我想获取图像源,但我的代码不起作用。 我的代码: 函数imagiesFun{ var container=document.getElementByIDImageCollectionExampleDiv; var collection=container.images; document.getElementByIDImageResult.innerHTML=; var结果=; var i; fori=0;i

我想获取图像源,但我的代码不起作用。 我的代码:

函数imagiesFun{ var container=document.getElementByIDImageCollectionExampleDiv; var collection=container.images; document.getElementByIDImageResult.innerHTML=; var结果=; var i; fori=0;i<3;i++{ 结果=结果+容器[i].src+; } document.getElementByIDImageResult.innerHTML=结果; } 显示来源

改用document.querySelectorAll获取所有图像集合:

var collection = document.querySelectorAll("#imagiesCollectionExampleDiv img");
但如果您真的想使用它,您应该在文档中调用它,如:

注意:您不需要清除结果部分,因为每次单击都会初始化结果

希望这有帮助

函数imagiesFun{ var collection=document.querySelectorAllimagiesCollectionExampleDiv img; //或 //var collection=document.images; var结果=; 对于变量i=0;i

您可以使用该方法,或更新要使用的代码,例如:

函数imagiesFun { var container=document.getElementByIdimagiesCollectionExampleDiv, collection=container.getElementsByTagName'img'; 变量i,结果=; fori=0;i<3;i++ { 结果+=集合[i].src+; } document.getElementByIDImageResult.innerHTML=结果; } 显示来源

container.images不存在。您也需要在此处添加某种赋值:document.getelementbyidimagesresult.innerHTML=@SLaks是对的,您希望container.children获取元素的子节点,那么我如何修复它,使其不被定义?它的图像只在“文档”中工作?@BartekPrzydatek查看发布的答案。不要认为你需要在for循环之前清除结果,因为它无论如何都会在循环之后更新。为了防止两次修改DOM,我需要使用图像,因为我的大学。我想我可以在div上使用它:然后你需要在像var collection=document.images;,这样的文档上使用它;。,检查我的更新。我读了更多关于它的信息,现在我知道更多关于它的信息。谢谢你的帮助,我需要使用方法图像,因为我的大学:你认为图像是什么?收藏。对不起,如果我错了。这是我第一次联系wits JSOk,在这种情况下,您必须直接在文档上调用它,因为它不是其他对象的有效属性。
var collection = document.images;