JavaScript文本节点

正在尝试用javaScript创建基本测验。我下面的代码似乎只输出单选按钮，而不是附带的标签。为什么会这样？这是全文。谢谢

---

while（i您试图将标签放入输入中。输入不能有子节点

您希望将输入放在标签内

这就是你应该追求的目标：

<label>
    <input type="radio">
    Hello
</label>

到

您正在尝试将标签放入输入中。输入不能有子节点

您希望将输入放在标签内

这就是你应该追求的目标：

<label>
    <input type="radio">
    Hello
</label>

到

您正在尝试将标签放入输入中。输入不能有子节点

您希望将输入放在标签内

这就是你应该追求的目标：

<label>
    <input type="radio">
    Hello
</label>

到

您正在尝试将标签放入输入中。输入不能有子节点

您希望将输入放在标签内

这就是你应该追求的目标：

<label>
    <input type="radio">
    Hello
</label>

到

您正在将一个
附加到
中，应该是另一种方式。以下是更新的plunkr：

您在
中添加了一个
，应该是另一种方式。以下是更新的plunkr：

您在
中添加了一个
，应该是另一种方式。以下是更新的plunkr：

您在
中添加了一个
，应该是另一种方式。以下是更新的plunkr：

将radioBtn.appendChild（标签）更改为form.appendChild（标签）

while（i改变radioBtn.appendChild（标签）；形成.appendChild（标签）

while（i改变radioBtn.appendChild（标签）；形成.appendChild（标签）

while（i改变radioBtn.appendChild（标签）；形成.appendChild（标签）

while（i你应该将单选按钮附加到标签上，而不是相反。单选按钮没有子项。你应该将单选按钮附加到标签上，而不是相反。单选按钮没有子项。你应该将单选按钮附加到标签上，而不是相反。单选按钮没有子项。你应该将单选按钮附加到标签上，而不是相反。单选按钮没有孩子。谢谢。需要复习我的HTMLTanks。需要复习我的HTMLTanks。需要复习我的HTMLTanks。需要复习我的HTMLTanks。需要复习我的HTML
label.appendChild(radioBtn);
label.appendChild(document.createTextNode(data[0].choices[i]));
form.appendChild(label);

while(i<length){
    var radioBtn = document.createElement("input");
    var label = document.createElement("label");
    radioBtn.setAttribute('type','radio');
    radioBtn.id = i;
    label.appendChild(radioBtn); // Append radio button to the label
    label.appendChild(document.createTextNode(data[0].choices[i])); // Add a text
    form.appendChild(label); // Append to the form

    i++;
}

label.setAttribute('for', radioBtn.id);

while(i<length){
    var radioBtn = document.createElement("input");
    var label = document.createElement("label");
    radioBtn.setAttribute('type','radio');
    radioBtn.id = i;
    label.appendChild(document.createTextNode(data[0].choices[i]));
    form.appendChild(label);
    form.appendChild(radioBtn);
 i++
}