js点击按钮,更换某个img图片,且能循环更换多张图片?

 我来答
dksnear
2015-05-19 · TA获得超过1211个赞
知道小有建树答主
回答量:399
采纳率:0%
帮助的人:605万
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>

window.onload = function(){

// 这个数组里放置图片路径
var imgs = ['1.jpg','2.jpg','3.jpg'];
var len = imgs.length;
var current = 0;
var target = document.getElementById('target');
var setImg = function(){

target.src = imgs[current];
current = ++current == len ? 0: current;
};

setImg();

document.getElementById('btn').onclick = function(){

setImg();
}
};
</script>
</head>
<body>
<div>
<button id ="btn">change</button>
</div>
<img id ="target" src="#" alt="">
</body>
</html>
AiPPT
2024-09-06 广告
随着AI技术的飞速发展,如今市面上涌现了许多实用易操作的AI生成工具1、简介:AiPPT: 这款AI工具智能理解用户输入的主题,提供“AI智能生成”和“导入本地大纲”的选项,生成的PPT内容丰富多样,可自由编辑和添加元素,图表类型包括柱状图... 点击进入详情页
本回答由AiPPT提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式