(1)write是document对象的一个方法,是在页面里面写内容会覆盖页面原来的内容。innerHTML是DOM元素对象的一个属性,用于设置元素的内容。
document.write只能重绘整个页面,innerHTML可以重绘页面的一部分。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
原来的内容<br/>
<button onclick="writeChange()">writeChange</button>
<p></p>
<button onclick="innerChange()">innerChange</button>
<script>
function writeChange(){
document.write("write改变后的效果")
}
function innerChange(){
document.getElementsByTagName("p")[0].innerHTML="innerHTML";
}
</script>
</body>
</html>
页面显示结果
点击innerChange按钮后的结果
点击write后的结果
(2)document.write()会将解析后的DOM树插入到文档中调用它的脚本元素(
//将两个参数拼接
document.write("<p>Merry</p>");
document.write("<p> Christmas</p>");
//将两个HTML字符拼接后输出
var box=document.getElementById("box");
box.innerHTML+="<p>Merry</p>";
box.innerHTML+="<p> Christmas</p>";