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

Question

我正在尝试理解这个 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/

Answer 1

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

对于 setAnswer 函数，它获取标签并将其内部 html 设置为在 "allQuestions" 数组的第 "questionNum" 索引的第 "choiceNum" 属性的第 "choiceNum" 索引中找到的值。