原文地址：http://www.cnblogs.com/penny/archive/2008/09/01/1281293.html
看完此文请再看看<<提高你的DHTML性能>>
动态创建HTML内容除了用 document.write()和document.innerHTML()以外，还可以用DOM提供的方法：
createElement()和createTextNode()
1.先来说说DOM提供的createElement()和createTextNode()。
----------------------------------------------------------------------------
createElement()方法
这个方法的作用是创建一个新的元素， document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。
它的语法是：
oElement = document.createElement(sTag)
sTag Required. String that specifies the name of an element.
例：
document.createElement("input")
这条语句将创建一个input元素，它相当于<input >,这时input元素中没有任何属性如：type = "text"等。
那么可以通过object.setAttribute(sAttrName, vAttrValue) 设置，如：object.setAttribute("type ", "text") 。
也可以 通过oElement .type = "text"设置。
appendChild()
这个方法的作用是将新创建的元素插入到文档节点树中，且是在节点的子节点列表末添加新的子节点。
它的语法是：
parent.appendChild(child)
例：
var para=document.createElement("p")
var testdiv=document.getElementById("test")
testdiv.appendChild(para)
这条语句是将p插入到id为test的div中
insertBefore()
这个方法的作用是在节点的直接子节点列表中的oChildNode节点前插入oNewNode 节点。如果不指定oChildNode，
则插入子节点列表的末尾。看下面的《javascript动态增加行的错误》
它的语法是：
oElement = object.insertBefore(oNewNode [, oChildNode])
createTextNode()
这个方法的作用是创建一个文本节点，createTextNode() 创建的是标签(也即元素)的内容 ，createElement() 创建的是标签。
它的语法是：
document.createTextNode(text)
例：
<td> hello </td>
createTextNode对应hello
createElement对应 <td> </td>
现在我们通过几个简单的例子将这几个方法结合起来。
举例说明document.createElement()的用法。
<div id="board"></div>
例1：
<script type="text/j
