JavaScript DOM 10.8

q #动态创建标记

网页的结构由标记负责创建，js来负责改变某些细节而不改变其底层的结构。

传统方法

document.write和innerHTML

document.write

document对象的write（）方法可以方便快捷的把字符串插入到文档里。

<script>
document.write("<p>this is insert.</p>);
</script>

把结构、行为和样式分开永远都是一个好主意。所以避免使用document.write。

innerHTML

<div id="testdiv">
<p>This is <em>my</em>content.</p>
</div>

使用这个函数更新js：
window.onload = function(){
var testdiv = document.getElementById("testdiv");
alert(testdiv.innerHTML);

刷新后，innerHTML的属性值显示在一个对话框里<p>This is <em>my</em>content.</p>

innerHTML还可以用于写入元素：

<div id="test div"></div>
window.onload = function(){
    var testdiv = document.getElementById("testdiv");
    testdiv.innerHTML = "<p>This is <em>my</em>content.</p>"