Question

我有这样的JS代码：

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

但这个＆＃34;样本＆＃34;在网站上是不可见的。 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”的表单。

请记住，在输入类型广播中包含文字在概念上是错误的！

JS / DOM中的不可见TextNode

1 个答案: