Question

我显然错过了{strong>真的显而易见的createTextNode和createElement工作方式 - 我有a very simple test来显示'Hello World' div，但它没有显示：

var sp = document.createElement('div');
var tx = document.createTextNode('hello world');
sp.appendChild(tx);

我在做什么蠢事？！

Answer 1

您忘记追加sp。

document.getElementsByTagName('body')[0].appendChild(sp)

demo

Answer 2

提示

如果您计划添加大量元素，请缓存文档。并阅读document.createDocumentFragment();;

一体化

var d=window.document;
d.body.appendChild(d.createElement('div')).appendChild(d.createTextNode('hey'))

<强>样本

http://jsfiddle.net/Ba5VK/

Answer 3

您忘了将div附加到文档中。

Answer 4

您错过了将sp div附加到正文这里有一个更新的fiddle

Answer 5

var sp = document.createElement('div');
var tx = document.createTextNode('hello world');

sp.appendChild(tx);
document.querySelector('body').appendChild(sp); //  add the div to the body of the document

<强> DEMO

使用createTextNode插入文本

5 个答案: