gpt4 book ai didi

带有 getElementsByClassName 的 Javascript 执行引擎

转载 作者:太空宇宙 更新时间:2023-11-04 06:59:39 25 4
gpt4 key购买 nike

对于愚蠢的问题和下面代码源的缩进,我们深表歉意。我对编码完全陌生。有人能帮我理解为什么我需要点击提交按钮两次才能看到第二个正确答案按照下面的代码变成绿色吗?更糟糕的是,当我在脚本中插入“警报”方法时,只有在我单击警报窗口的“确定”后,第一个正确答案才会变为绿色。

非常感谢

埃胡苏德

function check() {
var cans = document.getElementsByClassName('correct');
for (i = 0; i < cans.length; i++) {
cans[i].className = "cool";
}
}
form {
font-size: 16px;
font-family: Verdana;
}

.cool {
color: lightgreen;
}
<body>

<h1>Premier League 2017/18 Quiz</h1>

<form>

<p>Q1.Which of the three championship teams were promoted to the premier league?
</p><br>

<div class="correct"> <input type="radio" name="Q1" value="A">Wolves,Cardiff,Fulham </div>
<input type="radio" name="Q1" value="B">Wolves,Middlesbrough,Aston Villa
</br>


<p>Q2.Which player made the most assists?<br></p>

<input type="radio" name="Q2" value="A">David Silva</br>
<div class="correct"><input type="radio" name="Q2" value="B">Kevin De Bruyne
</div>
</br>

<input type="button" value="submit" onclick="check()">

</form>

</body>

最佳答案

当您处理具有相同 ID/类的多个元素时,使用 jquery 可以节省您一些时间。您正在使用 element.className = "class-name"; 您应该像这样使用 element.classList.add("class-name");:

function check(){
var cans=document.getElementsByClassName('correct');
for(i=0;i<cans.length;i++){
cans[i].classList.add("cool");
}
}

希望这对您有所帮助!

关于带有 getElementsByClassName 的 Javascript 执行引擎,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52129626/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com