javascript - JS/DOM 中的不可见 TextNode

Question

我有这样的 JS 代码:

    var option = document.createElement("input");
    option.id = "id";
    option.type = "radio";
    var txt = document.createTextNode("sample");
    option.appendChild(txt);

但是这个“样本”在网站上是不可见的。 HTML 结构是这样的(在 Firebug 中):

<form id="answers"><input type="radio" id="id">sample</input></form>

但默认的 firefox 检查器是:

<form id="answers"><input type="radio" id="id"></input></form>

我试过使用 innerHTML，但还是有同样的问题。我只是在 <input> 之间看不到任何东西标签。你有什么建议？

Answer 1

您创建元素但不将它们附加到表单。你应该使用这样的东西:

document.getElementById('answers').appendChild(option);

通过这种方式，您可以将新创建​​的选项元素附加到 ID 为“answers”的表单中。

请记住，在输入类型的 radio 中包含文本在概念上是错误的!