JS数组中存放的图片怎么使用

如在一个数组中存放了图片
var ab=【‘568.jig’】；
该怎么去使用呢

var ab=['568.jig'];
alert(ab[0])//ab[0]就是图片名，要做什么操作呢？
document.getElementById('imgId').src=ab[0];//设置id为imgId这个img dom的src实现加载

img


有其他问题可以继续交流~

JS数组中存放图片,一般是要循环数组,获取图片地址来使用
比如创建img元素把图片添加到页面中

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
</head>
<body>
<div id="box"></div>
<script type="text/javascript">
var ab = ["1.jpg","2.jpg","3.jpg","4.jpg"];
for (var i = 0; i < ab.length; i++) {
    //输出每个图片地址
    console.log(ab[i]);
    //创建img元素把图片添加到页面中
    var img = document.createElement("img");
    img.src = ab[i];
    document.getElementById("box").appendChild(img);
}

</script>
</body>
</html>

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!

img


var ab = ["1.jpg","2.jpg","3.jpg","4.jpg"];
for (var i = 0; i < ab.length; i++) {
    //输出每个图片地址
    console.log(ab[i]);
    //创建img元素把图片添加到页面中
    var img = document.createElement("img");
    img.src = ab[i];
    document.getElementById("box").appendChild(img);
}

也可以直接去拿数组中得元素使用、

var ab=['1.jig'];
alert(ab[0])//ab[0];//图片名
document.getElementById('Id').src=ab[0];