JavaScript创建元素的三种方式

第一种：document.write(“标签的代码及内容”)；

document.write('新设置的内容<p>标签也可以生成</p>');

该方法的缺陷：如果是在页面加载完毕后，此时通过这种方式创建元素，会将页面原来的内容冲刷掉，从而只显示输出内容。(不推荐)

第二种：对象.innerHTML=“标签代码及内容”;

var box = document.getElementById('box');
box.innerHTML = '新内容<p>新标签</p>';

第三种：document.createElement(“标签名字”)；

步骤：
1.创建元素

var ele = document.createElement(“标签名字”)；

2.把元素追加到父级元素中(记得添加!)

要添加内容的父元素.appendChild(ele);

var div = document.createElement('div');
document.body.appendChild(div);