《JavaScript DOM编程艺术》：innerHTML

来源：第七章 动态创建标记

innerHTML：

1、HTML页面建立空白div：

<div id="testdiv">
</div>
<script type="text/javascript" src="scripts/sample.js"></script>  

注：书中说innerHTML相比 document.write() 的优点是，可以分离JS，不需要在body里插入<script>了，不知道是不是翻译不精确，实际上还是需要插入<script>，毕竟还是要链接JS文件的。

2、sample.js里写入innerHTML：

window.onload = function() {   //页面加载时运行该函数；
    var testdiv = document.getElementById("testdiv");   //定义函数（获取div）；
    testdiv.innerHTML = "<p>我是被innerHTML强势插入的的一段HTML代码</p>"  //div变量里使用innerHTML插入一段HTML；如果div里原有内容，也会被全部替换。
}

 3、刷新页面，会发现成功插入了一段代码