Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/flash/4.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_Html - Fatal编程技术网

使用javascript创建具有不同图像的细节元素

使用javascript创建具有不同图像的细节元素,javascript,html,Javascript,Html,我正在尝试创建一个循环,该循环将创建一个细节元素,其中图像源每循环增加1个数字。我可以让循环通过,创建正确数量的图像,但我认为他们是逐字逐句地使用代码行,而不是应用循环迭代数 尝试picture.innerHTML=“其中i是当前循环迭代不起作用。有其他选择的建议吗?这也是我的第一个问题,如果我有点不清楚,我道歉 获取数组中的所有div,然后循环遍历它们,更改html如下: var generatePhotos=function(){ var photos=document.getElemen

我正在尝试创建一个循环,该循环将创建一个细节元素,其中图像源每循环增加1个数字。我可以让循环通过,创建正确数量的图像,但我认为他们是逐字逐句地使用代码行,而不是应用循环迭代数


尝试
picture.innerHTML=“
其中i是当前循环迭代不起作用。有其他选择的建议吗?这也是我的第一个问题,如果我有点不清楚,我道歉

获取数组中的所有div,然后循环遍历它们,更改html如下:

var generatePhotos=function(){
var photos=document.getElementsByClassName('photo');
对于(变量i=1;i


生成照片
获取数组中的所有div,然后循环遍历它们,更改html如下:

var generatePhotos=function(){
var photos=document.getElementsByClassName('photo');
对于(变量i=1;i


生成照片
用Javascript“仅”生成Marcin C答案的替代方案

函数createImage(){
var最大值=5;

对于(var i=1;i来说,Marcin C的另一个答案是Javascript“仅”

函数createImage(){
var最大值=5;

对于(var i=1;我可以发布你尝试过的foreach循环,但它不起作用吗?我今晚晚些时候会发布,不幸的是,我刚刚在工作时创建了这个帐户,文件就在我的桌面上。我使用了do while循环,我可以为文件中的每个图像运行每个循环吗?这是我正在制作的一个应用程序,用于制作一个我正在玩的桌面游戏friends易于管理。有。如果要使用jQuery,可以使用.each()函数。否则,Marcin C.为您编写了解决方案。以后肯定会尝试他的解决方案。不幸的是,我仍在学习Javascript,因此希望在我更熟练地使用JS之前严格遵守我的解决方案。不过,很高兴知道以后有一种方法可以做到这一点,老实说,最终可能会使用一些jQuery在这个项目的未来,严格来说就是为了能够在每次需要添加新图像时只向文件夹中添加文件,而不是修改代码,所以谢谢你。我希望我能将你的评论标记为未来的答案:Dcan你能发布你尝试过的foreach循环吗?我今晚晚些时候会发布,不幸的是我刚刚在工作,文件在我的桌面上。我正在使用do while循环,是否有一个for each循环可以用于为文件中的每个图像运行?这是用于我正在制作的应用程序,以使我与朋友玩的棋盘游戏更易于管理。有。如果你想使用jQuery,可以使用.each()函数。否则,Marcin C.为您编写了解决方案。以后肯定会尝试他的解决方案。不幸的是,我仍在学习Javascript,因此希望在我更熟练地使用JS之前严格遵守我的解决方案。不过,很高兴知道以后有一种方法可以做到这一点,老实说,最终可能会使用一些jQuery在这个项目的未来,严格来说,我只需要将文件添加到文件夹中,而不是每次需要添加新图像时都修改代码,所以谢谢你。我希望我可以将你的评论标记为未来的答案:D这看起来很有希望,我必须等到今晚回家,但从外观上看,我可能已经格式化了我的innerHTML文件g、 今晚晚些时候将更新。我对HTML和javascript还是一个相对新手,但看起来我已经将整个innerHTML包含在引号中,防止它使用局部变量I来获取指向哪个图像编号的值。这个答案非常有效,甚至允许我用相对值动态命名每张照片请注意使用的引号类型:“string”+var+“string='string2'”;这看起来很有希望,我必须等到今晚回家,但从外观上看,我可能已将innerHTML格式设置错误。将在今晚晚些时候更新。我对HTML和javascript还是比较新手,但看起来我已将整个innerHTML包含在引号中,以防止它使用局部变量i来处理val这个答案非常有效,甚至可以让我相对轻松地动态命名每张照片,我真的很感谢你的帮助。注意使用的引号类型:“string”+var+“string='string2';