在我的html代码中找不到我的错误，用于javascript测试

我已经将我的网站放在我的dropbox中，以便您可以看到我的问题。我想做的是，当你点击网球或壁球旁边的图片时，它会变成红色（false.png），当他们点击羽毛球时，它会变成绿色（true.png），然后出现下一个问题。目前，只有下一个问题出现，我有麻烦的图像改变

请你看看源代码，把它弄明白，因为我很困惑

<a onclick="document.getElementById('badminton-answer').setAttribute('src', 'images/true.png'" href="javascript:toggle();">
  <img id="badminton-answer" border="0" alt="" src="images/answer.png" width="290" height="60"/>
</a>

javascript显示/隐藏div id=“next”

函数切换（）{
var ele=document.getElementById（“下一步”）；
如果（ele.style.display==“块”）{
ele.style.display=“无”；
}
否则{
ele.style.display=“块”；
}

}

---

您的

onclick

处理程序包含以下代码：

document.answer.src='images/false.png'

文档

没有

答案

属性。在JavaScript中操作DOM的最佳方法是为HTML元素分配一个唯一的ID：

<img id="tennis-answer" alt="" src="images/answer.png" width="290" height="60"/>

以下是羽毛球答案的整体外观：

<a onclick="document.getElementById('badminton-answer').setAttribute('src', 'images/true.png'" href="javascript:toggle();">
  <img id="badminton-answer" border="0" alt="" src="images/answer.png" width="290" height="60"/>
</a>

所有三个图像都有相同的id（答案）。它们应该有唯一的ID。另外，我会将图像翻转代码放入一个函数中，并在单击时调用该函数，而不是将代码放入按钮的一次单击中。

请考虑使用jsfiddle.net，或者发布一个最简单、最具突破性的示例。谢谢，但我才刚刚开始学习javascript。不要显得愚蠢，但你能告诉我它是如何适应的吗？我已经把它放进去了，但仍然没有颜色变化。很抱歉，这样一个初学者的问题打扰了你。它也在下拉框中更新。现在看起来像一个额外的

}

。一种有用的JavaScript开发技术是安装和运行开发人员工具，让您知道何时出现运行时错误以及错误发生在哪一行。Firebug对Firefox很好，Chrome和IE也有很好的开发工具（点击F12打开它们），感谢你告诉我控制台在第78行Message=quick.html:78Uncaught SyntaxError:uncontracted token}上显示了一个错误，谢谢。setAttribute（'src'，'images/true.png'）需要在“结尾”之前加上

<img id="tennis-answer" alt="" src="images/answer.png" width="290" height="60"/>

document.getElementById('tennis-answer')
        .setAttribute('src', 'images/false.png');

<a onclick="document.getElementById('badminton-answer').setAttribute('src', 'images/true.png'" href="javascript:toggle();">
  <img id="badminton-answer" border="0" alt="" src="images/answer.png" width="290" height="60"/>
</a>