第一种: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);