createTextNode 和 innerHTML 的区别

createTextNode创建文本节点：创建的是纯文本，创建完后是未被插入DOM的节点树。需要用到appendChild之类的方法。

例子：

//获取节点ID位置
var testdiv = document.getElementById("testdiv")
//首先是创建一个节点P
var ppp = document.createElement("p");
//创造一个文本节点
var textp = document.createTextNode("hello world");
//将节点P插入testdiv
testdiv.appendChild(ppp);
//将文本节点插入节点P
ppp.appendChild(textp);

innerHTML属性无细节可言。要想获得细节，就必须使用DOM方法和属性。不过，当只需要把一大段的HTML内容插入网页时，innerHTML属性更合适。支持读取，写入。

插入的内容能识别HTML代码。

原文地址：https://www.cnblogs.com/CZheng7/p/12638135.html