HTML / JavaScript多项选择测验:设置标题和答案选择功能

时间:2014-04-20 21:28:31

标签: javascript html function object innerhtml

我正在尝试理解这个多选JavaScript测验,我坚持使用以下函数:

function setHeader(questionNum) {
    var questionHeaderEl = document.getElementById("questionHeader");
    questionHeaderEl.innerHTML = allQuestions[questionNum].question;
}

function setAnswer(idEl, questionNum, choiceNum) {
    var choiceEl = document.getElementById(idEl);
    choiceEl.innerHTML = allQuestions[questionNum].choices[choiceNum];
}

我知道setHeader函数显示了来自对象文字数组的问题字符串,但我没有完全掌握这两种函数的机制。有人可以解释究竟发生了什么吗?

完整查看测验代码:http://jsfiddle.net/alxers/v9t4t/

1 个答案:

答案 0 :(得分:0)

setHeader函数获取用于通过其id属性“questionHeader”显示问题的标题元素。然后它将内部html(innerHTML)设置为从数组“allQuestions”中检索的对象中的值。

对于setAnswer函数,它获取标签并将其内部html设置为在“allQuestions”数组的“questionNum”-th索引的choice属性的“choiceNum”-th索引中找到的值。