JavaScript+DOM编程艺术 ——学习笔记(下)

七、动态创建HTML内容

• document.write()方法

    把字符串插入到文档里

document.write(“<p>This is inserted.</p>”);

 缺点：没有分离js与html，尽量不用

 

• innerHTML属性

Var testdiv = document.getElementById(“testdiv ”);

testdiv.innerHTML =”<p>This is inserted.</p>”;

 

优点：分离了html,但是应该少用，因为是一项专利，不是业界标准

 

• createElement()方法

    创建元素节点

 

• appendChild()方法

把新创建的节点插入到某个文档的节点树

 

• createTextNode()方法

创建文本节点

 

• insertBefore()方法

把新元素插入到一个现有元素的前面