7.2 DOM方法（以动态方式实时创建标记，实质在改变DOM节点树）

把一段文本+插入testdiv元素
<div id="testdiv">

</div>

<script>

window.onload=function(){
//document.createElement("p");//可合并至下方
var para=document.createElement("p");//创建一个P元素节点 并赋予变量以引用
var testdiv=document.getElementById("testdiv");//获取div中的id属性节点testdiv
testdiv.appendChild(para);//把P元素节点追加到testdiv属性节点后
//document.createTextNode("i love u");//可合并至下方
var txt=document.createTextNode("i love u");//创建一个文本节点 并赋予变量以引用
para.appendChild(txt);//把文本节点追加到P元素节点后
}

</script>

　　

 节点父子关系testdiv——para——txt