createElement(),appendChild()和createTextNode()
createElement(),appendChild()和createTextNode()
动态创建HTML内容除了用 document.write()和document.innerHTML()以外，还可以用DOM提供的方法：
createElement(),appendChild()和createTextNode()
createElement()方法
这个方法的作用是创建一个新的元素
它的语法是：
document.createElement(nodeName)
例：
代码
document.createElement("p")
这条语句将创建一个p元素
appendChild()
这个方法的作用是将新创建的元素插入到文档节点树中
它的语法是：
parent.appendChild(child)
例：
代码
var para=document.createElement("p")
var testdiv=document.getElementById("test")
testdiv.appendChild(para)
这条语句是将p插入到id为test的div中
createTextNode()
这个方法的作用是创建一个文本节点
它的语法是：
document.createTextNode(text)
例：
代码
document.createTextNode("你好啊！")
这条语句将创建出一个内容为"你好啊！"的文本节点
现在我们通过一个简单的例子将这3个方法结合起来，在id为test的div中插入p，并在p中插入"你好啊！"
代码
<body>
<div id="test"></div>
<script>
var para=document.createElement("p");
var testdiv=document.getElementById("test")
var txt=document.createTextNode("你好啊！")
testdiv.appendChild(para)
para.appendChild(txt);
</script>
</body>
