innerHTML的确是好东西

如果使用DOM标准方法建立以下xhtml代码的话是相当麻烦的，我们就来看看如何通过DOM标准的方法来建立下面的xhtml结构。

<div id="test">abc</div>

1、建立标签： var aa = document.createElement("div");

2、建立文本： var text = document.createTextNode("abc");

3、将文本添加到div中： aa.appendChild(text);

4、给div加上id：aa.setAttribute("id","test");

 

如果我们使用innerHTML的话，说简单了，直接只需要在需要增加上述代码的地方

.innerHTML = "<div id="test">abc</div>";

就OK了。

 

 

引用一句话：标准化的DOM就像是一把手术刀，innerHTML属性就像一把劈柴斧。劈柴斧有劈柴斧的用处。当你需要把一大段HTML内容插入到一个网页时，innerHTML属性就非常适合了。

 

 

注意：innerHTML,书写时注意大小写。