创建一个 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);