Dom学习3：非w3c标准的强大的innerHTML及标准DOM生成HTML

innerHTML并不是w3c dom标准，不过它的确是非常地强大，大多数的浏览器都支持。当你需要把一大段html内容插入网页时，innerHTML比DOM更实在些。不过要记住，innerHTML也只是在HTML文档中可用，在正宗的XHTML中并不支持。

 

而用Dom相对复杂一点：

 <div id="testdiv"></div> <mce:script type="text/javascript"><!-- window.onload = function(){ //创建一个元素节点 var para = document.createElement("p"); //创建一个文本节点 var text = document.createTextNode("Hello world"); //将文本节点添加到元素节点中去 para.appendChild(text); //将元素节点添加到另一个元素节点testdiv中去 var testdiv = document.getElementById("testdiv"); testdiv.appendChild(para); } // --></mce:script>

 

本章学习几个技巧：

1.innerHTML

2.document.write()方法

 

DOM:

3.createElement()方法

4.createTextNode()方法

5.appenChild() 添加子节点方法

6.insertBefore() 将一节点添加到另一节点的前面