1

根据http://msdn.microsoft.com/en-us/library/ms535934(v=VS.85).aspxhttp://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属性来绕过它,但是这种方法会收到相同的错误消息。

难道我做错了什么?如果是这样,是什么?如果没有,我该如何规避看似无稽之谈?

4

2 回答 2

3

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

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);
于 2011-02-25T18:51:01.760 回答
1

您可以使用:

var label = document.createElement('label');
label.answer;
label.appendChild(document.createTextNode('test'));
于 2011-02-25T18:27:14.287 回答