Question

我不知道为什么这不起作用，你能告诉我什么是错的吗？

＆＃13;

function swapImage() {
  var imageDisplayed = document.getElementById('display-image');
  if (imageDisplayed.scr.match("images/01.png")) {
    imageDisplayed.scr = "images/02.png";
  } else {
    imageDisplayed.scr = "images/01.png";
  }
}

＆＃13;

<p>
  <img id="display-image" onclick="swapImage()" scr="images/01.png" width="180" height="180" />
</p>
<p>Click the image to change it!</p>

＆＃13;

Answer 1

有一个带有src属性的拼写错误，请先修正它我建议你使用==

match()会比较正则表达式，您应该使用==运算符

function swapImage() {
var imageDisplayed = document.getElementById('display-image');
if (imageDisplayed.src == "images/01.png") {
imageDisplayed.src = "images/02.png";
}
else {
imageDisplayed.src = "images/01.png";
}
}

正如Navaneeth mohan所说，你需要修复属性src的类型

Answer 2

我相信那里有一个错字。 src 是您应该使用的方法，以便使用javascript获取html元素的source属性。

function swapImage() {
  var imageDisplayed = document.getElementById('display-image');
  if (imageDisplayed.src == "images/01.png") {
    imageDisplayed.src = "images/02.png";
  }
  else {
    imageDisplayed.src = "images/01.png";
  }
}

Answer 3

首先，有一个拼写错误，它应该是src。其次，您可以使用三元运算符代替if-else：

function swapImage() {
  var imageDisplayed = document.getElementById('display-image');
  imageDisplayed.src = (imageDisplayed.src == 'images/01.png') ? 'images/02.png' : 'images/01.png';
}

你能告诉我什么是错的吗？

3 个答案: