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” -th索引的choice属性的“ choiceNum” -th索引中找到的值。