JavaScript：输入类型=复选框是否可以在 IE8 中使用 appendChild？

Question

根据 http://msdn.microsoft.com/en-us/library/ms535934(v=VS.85).aspx 和 http://msdn.microsoft.com/en-us/library/ms535262(v=VS.85).aspx ，我应该能够执行以下操作来创建一个新的复选框：

var answer = document.createElement('input');
answer.setAttribute('type', 'checkbox');
answer.setAttribute('id',   'answer');
answer.setAttribute('value', 'a');
answer.appendChild(document.createTextNode('test'));

这在 Firefox 和 Chrome 中有效，但在 IE 8 中，最后一个函数调用会产生以下错误消息：

Error: Unexpected call to method or property access.

我已经尝试通过使用 innerText 属性来绕过它，但是这种方法会收到相同的错误消息。

我做错了吗？如果是这样，是什么？如果没有，我该如何规避看似无稽之谈？

Answer 1

我认为您不想在复选框中添加文本节点。相反，我会使用带有两个子节点的标签对象：复选框输入和文本节点：

var answer = document.createElement('input');
answer.setAttribute('type', 'checkbox');
answer.setAttribute('id',   'answer');
answer.setAttribute('value', 'a');
var answerLabel = document.createElement('label');
answerLabel.setAttribute('for','answer'); // this corresponds to the checkbox id
answerLabel.appendChild(answer);
answerLabel.appendChild(document.createTextNode(' test'));
document.body.appendChild(answerLabel);

Answer 2

你可以使用：

var label = document.createElement('label');
label.answer;
label.appendChild(document.createTextNode('test'));