Question

所以我对编码很陌生，所以我想我会给出更简单的东西。我试图制作一个代码，每次按下按钮都会改变图像，但它不起作用。有一段时间我有它的功能，以便显示正方形，但按下按钮时图像不会改变。但是我随后改变了它，由于语法错误，它现在不能与Internet Explorer一起运行。任何帮助都会受到重视，请记住它可能是完全错误的，因为我刚刚使用了互联网指南:)我也可能插错了这个代码，但我试过了;）

<!DOCTYPE html>
<html>
<body>


<img id="shape" src="square.gif">

<button type="button" onclick="changeImage()">Change Image/button>

<script>
var list = [
"red.gif",
"square.gif"

];

var index = 0;

function changeImage() {
index = index + 1;

if (index == list.length) index = 0;

var image = document.getElementById('shape');
image.src=list[index];
}
</script>

Answer 1

我找到了两件可以帮助您的代码更好地运作的内容：

我修复了关闭按钮标记
我在if语句和图像替换后迭代了你的索引变量。这样，您的第一次点击就不会使用相同的图片。

这在IE中测试没有错误。

请参阅下面的代码。

＆＃13;

var list = [
"http://placekitten.com.s3.amazonaws.com/homepage-samples/96/140.jpg",
"http://placekitten.com.s3.amazonaws.com/homepage-samples/96/139.jpg"
];
var index = 0;

function changeImage() {
  var image = document.getElementById('shape');
  if (index == list.length) index = 0;
  image.src=list[index];
  index = index + 1;
}

＆＃13;

<img id="shape" src="http://placekitten.com.s3.amazonaws.com/homepage-samples/96/139.jpg" />
<button type="button" onclick="changeImage()">Change Image</button>

＆＃13;

JavaScript，图像更改程序无法正常运行

1 个答案: