Javascript 更改段落颜色和文本颜色无效（回答不正确）
我正在设计一个测验类型页面，要求如下：Javascript 更改段落颜色和文本颜色无效（回答不正确）,javascript,html,css,Javascript,Html,Css,我正在设计一个测验类型页面，要求如下： 当用户选择错误答案时，将出现一个包含4个不同答案的问题，段落颜色和背景颜色应更改当再次单击某个链接时，应禁用该链接。先前单击的链接不应打开下面是一个示例代码。我正试图通过以下方式实现这一点： Que - 1. Here is a questions ? <p><a class="correct" href="#">Answer-1</a></p> <p><a class="incorr
当用户选择错误答案时，将出现一个包含4个不同答案的问题，段落颜色和背景颜色应更改当再次单击某个链接时，应禁用该链接。先前单击的链接不应打开下面是一个示例代码。我正试图通过以下方式实现这一点：
Que - 1. Here is a questions ?
<p><a class="correct" href="#">Answer-1</a></p>
<p><a class="incorrect" href="#">Answer-2</a></p>
<p><a class="incorrect" href="#">Answer-3</a></p>
<p><a class="incorrect" href="#">Answer-4</a></p>
Que-1。这里有一个问题？
:focus:active。不正确：焦点{背景：红色；颜色：#fff；}
<html>
<body>
<script>
function handleClick(answerObject) {
if(answerObject.className.indexOf("incorrect") > -1) {
document.getElementById("paragraph").style.backgroundColor = "red";
} else {
document.getElementById("paragraph").style.backgroundColor = "green";
}
setTimeout(function() { document.getElementById("paragraph").style.backgroundColor = '#FFFFFF'; }, 500);
}
</script>
<p id="paragraph" style="padding:2%">
This is a question.... BLA BLA BLA
</p>
<p><a class="correct" href="#" onclick="handleClick(this);">Answer-1</a></p>
<p><a class="incorrect" href="#" onclick="handleClick(this);">Answer-2</a></p>
<p><a class="incorrect" href="#" onclick="handleClick(this);">Answer-3</a></p>
<p><a class="incorrect" href="#" onclick="handleClick(this);">Answer-4</a></p>
</body>
</html>
函数handleClick（应答对象）{
if（answerObject.className.indexOf（“不正确”）>-1）{
document.getElementById（“段落”）.style.backgroundColor=“红色”；
}否则{
document.getElementById（“段落”）.style.backgroundColor=“绿色”；
}
setTimeout（函数（）{document.getElementById（“段落”）.style.backgroundColor='#FFFFFF'；}，500）；
}