这是我的代码:
<body>
<header>
<h1>Html quiz</h1>
</header>
<article>
<h2>What color is this? #00ff00
<ul>
<li>
<input type="radio" name="color1" id="red" /> red
</li>
<li>
<input type="radio" name="color1" id="green" /> green
</li>
<li>
<input type="radio" name="color1" id="blue" /> blue
</li>
<li>
<input type="radio" name="color1" id="teal" /> teal
</li>
<li>
<input type="submit" name="submit" value="Submit" onClick="fsubmit()" />
</li>
</ul>
</article>
<div id="result"> </div>
<script>
function fsubmit() {
var answer = document.getElementById("green");
var result = document.getElementById("result");
if(answer.checked == true) {result.innerHTML="correct!";} else {result.class="red"; result.innerHTML="wrong";}
}
</script>
</body>
这是代码的第一位result.class ="red"什么都不做,而chrome上的调试控制台并没有表明存在问题.
你可以使用result.className = 'red';,但你也可以使用result.classList.add('red');.该.classList.add(str)方法通常是比较容易,如果你需要在一般加个班,而不愿检查类是已经在类的列表.