不能找到我的错误在我的HTML代码，为javascript测验

cant find my error in my html code, for a javascript quiz

本文关键字：我的 javascript 测验 代码 错误 不能 HTML      更新时间：2023-09-26

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

http://dl.dropbox.com/u/13722201/website/quiz.html

请你在源代码里找找看，把它弄清楚，因为我很困惑。

<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>

显示/隐藏div id="next"

<script language="javascript"> 
function toggle() {
var ele = document.getElementById("next");
if(ele.style.display == "block") {
        ele.style.display = "none";
}
else {
    ele.style.display = "block";
}

} 

</script>

您的onclick处理程序包含以下代码:

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

document没有answer性质。在JavaScript中操作DOM的最佳方法是为HTML元素分配一个唯一的ID:

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

如果一个元素有一个唯一的ID，那么你可以得到它的引用并修改元素:

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>

所有三张图片具有相同的id(答案)。它们应该有唯一的id。此外，我将图像翻转代码放入一个函数中，并调用函数onclick，而不是将代码放在按钮的onclick中。

相关文章：