javascript DOM innerHTML createElement createTextNode

innerHTML createElement createTextNode 比较：

innerHTML / outerHTML 只是一项专利，不是业界标准，尽管很好用.

createElement / createTextNode 是 DOM提供的标准方法，但是要写好多代码。

示例：

[javascript] view plain copy print ?

1. function makeElement(){  
2.     var navPoint = document.createElement("navPoint");  
3.     var navLabel = document.createElement("navLabel");  
4.     var content = document.createElement("content");  
5.     var text = document.createElement("text");  
6.     var txtNode = document.createTextNode("Dedication Dynamic created!!!");  
7.     text.appendChild(txtNode);  
8.     navLabel.appendChild(text);  
9.     navPoint.appendChild(navLabel);  
10.     content.setAttribute("src","baidu.com");  
11.     navPoint.appendChild(content);  
12.     navPoint.setAttribute('id',"Dedication");  
13.     navPoint.setAttribute('playOrder',"1000");  
14.     document.body.appendChild(navPoint);  
15. }  

用createElement / createTextNode要写N句，但是用innerHTML一句话就搞定了。