Javascript 呼叫<;img src>;循环中的标记

Javascript 呼叫<;img src>;循环中的标记,javascript,html,Javascript,Html,我想在我的网页上以数组显示所有图像。我可以在循环中调用img标记吗?或者,如果有人能建议一种方法,在一个数组中打印所有带有源URL的图像,这会非常有用吗 <div id="wrapper"></div> <script> var container = document.getElementById("wrapper"); function myFunction() { var index; var urls = ["Banana.jpg",

我想在我的网页上以数组显示所有图像。我可以在循环中调用img标记吗?或者,如果有人能建议一种方法,在一个数组中打印所有带有源URL的图像,这会非常有用吗

<div id="wrapper"></div>
<script>
var container = document.getElementById("wrapper");
function myFunction() {
    var index;
    var urls = ["Banana.jpg", "Orange.jpg", "Apple.png", "Mango.jpg"];

    for (index = 0; index < urls.length; index++) {
         var newImage = '<img src="+url[index]+" alt="#" /> ' + index;
         container.innerHTML += newImage;
     }

}
</script>

var container=document.getElementById(“包装器”);
函数myFunction(){
var指数;
var url=[“Banana.jpg”、“Orange.jpg”、“Apple.png”、“Mango.jpg”];
对于(索引=0;索引

PS:我是JS/< P>中的新手。P。首先,你构建IMG标签的语法是错误的,注意下面的数组不是字符串文字的标准,而是连接到它。

'<img src="'+url[index]+'" alt="#" /> '
“”
我还将首先构建html,然后将其添加到div中

var newImages = '';
for (index = 0; index < urls.length; index++) {
     newImages += '<img src="'+url[index]+'" alt="#" /> ' + index;
 }
 container.innerHTML += newImages;
var newImages='';
对于(索引=0;索引

首先,你建立IMG标签的语法是错误的,注意下面的数组不是字符串文字的PAR,而是连接到它。

'<img src="'+url[index]+'" alt="#" /> '
“”
我还将首先构建html,然后将其添加到div中

var newImages = '';
for (index = 0; index < urls.length; index++) {
     newImages += '<img src="'+url[index]+'" alt="#" /> ' + index;
 }
 container.innerHTML += newImages;
var newImages='';
对于(索引=0;索引
您真的不应该使用
innerHTML+=方法。改用这个方法

var container=document.getElementById(“包装器”);
var url=[“Banana.jpg”、“Orange.jpg”、“Apple.png”、“Mango.jpg”];

对于(i=0;i您确实不应该使用
innerHTML+=method
。请改用该方法

var container=document.getElementById(“包装器”);
var url=[“Banana.jpg”、“Orange.jpg”、“Apple.png”、“Mango.jpg”];

对于(i=0;iI正在运行网页并收到此错误“Uncaught TypeError:无法读取null的属性'insertAdjacentHTML'”在控制台上..有什么建议吗?您传递给该方法的字符串有问题。如果我不能自己复制错误,我将帮不上什么忙。您需要向我提供更新的代码。var container=document.getElementById(“包装器”);var URL=[“”,”,用于(i=0;isorry for the comment..无论如何解决了问题thanx)您构建的数组的语法不正确。请仅用逗号而不是分号分隔url字符串。我正在运行网页并收到此错误“Uncaught TypeError:无法读取null的属性'insertAdjacentHTML'“在控制台上..有什么建议吗?传递给该方法的字符串有问题。如果不能亲自复制错误,我将无能为力。您需要为我提供更新的代码。var container=document.getElementById(“包装器”);var URL=[”“,”用于(i=0;isorry用于注释..无论如何解决了问题thanx)您构建的数组的语法不正确。请仅用逗号而不是分号分隔url字符串。