我试图找出为什么当我运行以下代码时，单选按钮的值显示在控制台上而不显示在浏览器上的原因？

Question

    for (var i = 0; i < allQuestions[n].choices.length; i++) {
        var input = document.createElement("input");
        input.type = "radio";
        input.name = "choices";
        input.value = "choice" + i;
        var answer = document.getElementById("answer");
        var option = document.createTextNode(allQuestions[n].choices[i]);
        input.appendChild(option);
        answer.appendChild(input);
    }

http://jsfiddle.net/slopeofhope81/g9V9d/

Answer 1

input elements cannot have children :

The input element is a void element. An input element must have a start tag but must not have an end tag.

and

A void element is an element whose content model never allows it to have contents under any circumstances. Void elements can have attributes.

You can add the text after the input:

var option = document.createTextNode(allQuestions[n].choices[i]);
answer.appendChild(input);
answer.appendChild(option);

DEMO