我正在使用单选按钮制作一个简单的多项选择程序。
当学生回答错误时,我可以在选择后加上X,但是如何将X设为红色?
谢谢你的帮助,
杰拉德
<body>
<input type="radio" name="Q1" value="1756-1819,Berlioz"
onclick = "radioProcessor(this)" /> 1756-1819
<script>
function radioProcessor(theRadio){
theRadio.nextSibling.nodeValue = theRadio.nextSibling.nodeValue + " X";
}
</script>
</body>
最佳答案
说,谢谢Andree,但是那没用。我认为是因为TextNode包含文本,而不包含其他元素(例如span)。但是,由于您的想法,这是可能的-
<input type="radio" name="Q1" value="1756-1819,Berlioz"
onclick = "radioProcessor(this)" /> <span> 1756-1819</span>
<script>
function radioProcessor(theRadio){
console.log(theRadio.nextElementSibling); // prints [object Text]
theRadio.nextElementSibling.setAttribute("style","color:red");
theRadio.nextElementSibling.innerHTML =
theRadio.nextElementSibling.innerHTML + " X";
}
距离更近了,但是我只想用红色的“ X” :-)每次按下单选按钮时,它还会继续添加X!