首页<body> <div> <img src="/day02/test/xy.jpg" id="img"> <br> <button id="up">上一张</button>                                              <button id="down">下一张</button> </div> <script> function up(){ var img = document.getElementById("img") img.src="/day02/test/YaoChen.jpg"; } function down(){ var img2 = document.getElementById("img") img.src="/day02/test/xy.jpg"; } </script> </body>这个html的js该怎么写

<body> <div> <img src="/day02/test/xy.jpg" id="img"> <br> <button id="up">上一张</button>                                              <button id="down">下一张</button> </div> <script> function up(){ var img = document.getElementById("img") img.src="/day02/test/YaoChen.jpg"; } function down(){ var img2 = document.getElementById("img") img.src="/day02/test/xy.jpg"; } </script> </body>这个html的js该怎么写

时间: 2023-07-30 15:08:13 浏览: 147

这段 HTML 代码中已经定义了两个按钮的 id 为 "up" 和 "down"，以及一个图片的 id 为 "img"，现在只需要在 JavaScript 中定义对应的函数即可。下面是示例代码： ```javascript function up() { var img = document.getElementById("img"); img.src = "/day02/test/YaoChen.jpg"; } function down() { var img = document.getElementById("img"); img.src = "/day02/test/xy.jpg"; } document.getElementById("up").addEventListener("click", up); document.getElementById("down").addEventListener("click", down); ``` 这里使用 `document.getElementById` 方法获取到按钮和图片的元素，然后分别定义了 `up` 和 `down` 函数来切换图片的地址。最后使用 `addEventListener` 方法将函数与按钮的点击事件绑定。

阅读全文