无法使用函数 - Javascript

时间:2016-03-30 19:19:48

标签: javascript html

使用class标签时,我无法使用函数。尝试使用ID并正常工作,但我需要一个班级。不工作的是输入类=" nextButton"。

以下是我的HTML代码的一部分:

<div class="wrap">  
            <h3>Question2</h3>
                <p>Which National Team won the first World Cup?</p>
                    <div class="wraptext">
                        <input type="radio" name="question2" value="Brazil" /><strong>Brazil</strong><br />
                        <input type="radio" name="question2" value="France" /><strong>France</strong><br />
                        <input type="radio" name="question2" value="Italy" /><strong>Italy</strong><br />
                        <input type="radio" name="question2" value="Uruguay" /><strong>Uruguay</strong><br />
                        <input class="nextButton" type="button" value="Next Question">
                        <input class="prevButton" type="button" value="Previous Question">
                    </div>
        </div>

这是Javascript:

var questions = document.getElementsByClassName("wrap");
var start = document.getElementById("startB");
var next = document.getElementsByClassName("nextButton");

for (var i = 0; i<questions.length; i++) {
  questions[i].style.display="none"
}

start.addEventListener("click", showQuestions);

function showQuestions(){
  questions[0].style.display="";
}

next.addEventListener("click", nextQuestion);

function nextQuestion(){
  alert("hi");
}

2 个答案:

答案 0 :(得分:1)

使用此语法..

MPI_Gather

答案 1 :(得分:0)

看起来您正在处理getElementsByClassName,就好像它返回单个值而不是数组一样。

循环遍历数组或添加[0]以仅引用它返回的第一个元素。