当前位置:编程学习 > JS >>

js 的document.createElement(img)问题

我想读取img文件夹编号1-6的图片,但是加载不上去,怎么回事? <html> <head> <title>test</title> <script type="text/javascript"> function show(){ var a=new Array(); var i=1; for(i=1;i<=6;i++){ a[i]="img/"+i.toString()+".jpg"; } var ima=new Array(); for(i=1;i<=6;i++){ var image=document.getElementById("image"); ima[i]=document.createElement('img'); ima[i].src=a; image.appendChild(ima[i]); alert(b); } </script> </head> <body onLoad="javascript:show()"> <div id="image"> </div> </body> </html>
答案:<script type="text/javascript">/*<script defer type="text/javascript">,defer确保页面加载完成才加载js脚本。*/
ima[i].src=a;//ima[i].src=a[i] 
function缺少结尾 } 

<html>
<head>
    <title>test</title>
    <script type="text/javascript">
        function show() {
            var a = new Array();
            var i = 1;
            for (i = 1; i <= 6; i++) {
                a[i] = "img/" + i.toString() + ".gif";
            }
            var ima = new Array();
            for (i = 1; i <= 6; i++) {
                var image = document.getElementById("image");
                ima[i] = document.createElement('img');
                ima[i].src = a[i];
                image.appendChild(ima[i]);
            }
        }
    </script>
</head>
<body onload="javascript:show()">
    <div id="image">
    </div>
</body>
</html>
其他:如下修改:<html>
<head>
<title>test</title>
<script type="text/javascript">
function show(){
var a=new Array();
var i=1;
for(i=1;i<=6;i++){
a[i]="img/"+i.toString()+".jpg";
}

var ima=new Array();

for(i=1;i<=6;i++){
var image=document.getElementById("image");
ima[i]=document.createElement('img');
ima[i].src=a;
image.appendChild(ima[i]);

}
}
</script>
</head>
<body onLoad="javascript:show()">
<div id="image">
</div>
</body>
</html> 跟踪一下啊。  我看你这个名字估计是不是1-6这里出错了。-被识别成运算符了。

上一个:求一个js和php正则表达式
下一个:js怎么实现按钮之间的切换,所显示的不同内容。

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,