我是网络开发的新手，正在尝试学习和练习 Javascript。 我已经学会了通过更改图像的 src 来更改显示图像的技巧(它们被命名为:pic-0.jpg、pic-1.jpg、pic-2.jpg ...等等)但不知何故我的代码赢了工作。 任何人都可以看看我的代码，帮助我并给我一些建议。我将不胜感激!
代码如下:
var counter = 0;
document.getElementById('btn-next').addEventListener('click', changeImg);
function changeImg() {
counter++;
document.getElementById('picture').src = 'pic-' + counter + '.jpg';
}<body>
<section class="container">
<div class="picture-container">
<img src="pic-0.jpg" id="picture" alt="">
</div>
<button id="btn-previous">Previous</button>
<button id="btn-next">Next</button>
</section>
<script src="r.js"></script>
</body>干杯，非常感谢!
最佳答案
您正在使用 getElementsById ，您应该使用 getElementById 因为 id 始终是唯一的并且一页只能有一个 id ，您可以使用 getElementsByClassName 因为类可以附加多个标签
var counter = 0;
document.getElementById('btn-next').addEventListener('click', changeImg);
function changeImg() {
counter++;
document.getElementById('picture').src = 'pic-' + counter + '.jpg';
document.getElementById('picture').alt = 'pic-' + counter + '.jpg';
}<body>
<section class="container">
<div class="picture-container">
<img src="pic-0.jpg" id="picture" alt="df">
</div>
<button id="btn-previous">Previous</button>
<button id="btn-next">Next</button>
</section>
<script src="r.js"></script>
</body>
//---------------------JavaScript---------------关于javascript - 如何通过单击按钮更改多个图像以更改 Javascript 中的 src，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59732608/