创建一个 DOM 元素
创建一个新元素并将其附加到DOM树
使用createElement()
方法创建DOM元素:
var el = document.createElement('div');
用任何HTML内容填充新元素:
el.innerHTML = '<p>Hello World!</p>';
或者,使用DOM方法创建内容节点,并将其附加到新元素。 这种方法需要更多的代码,并且通常比使用innerHTML
慢
var textnode = document.createTextNode('Hello World!');
el.appendChild(textnode);
el
可以被插入到 DOM 树中
document.body.appendChild(el);