点击切换下一张图片

1.结构

<img src="1.jpg" alt=""><br><button>下一张</button>

2.样式

<style>body{text-align: center;}img{width: 300px;}</style>

3.js部分

<script>//鼠标点击下一张 图片切换下一张//1.获取元素var img = document.getElementsByTagName('img')[0];var btn = document.getElementsByTagName('button')[0];console.log(img,btn);// 3. 当不知道起始值是谁的时候 假设一个变量存初始值var n = 1;//2.加事件btn.onclick = function() {n++;img.src = ''+ n +'.jpg'}</script>