谈谈innerHTML和createTextNode的区别

用法：

innerHTML的用法

　　Object.innerHTML

createTextNode的用法

　　document.createTextNode(data)

        parendNode.appendChild();//将子节点追加到父节点上

相似：都可以往文档中填充内容

不同:innerHTML会将文本中包含的HTML代码实现效果，而createTextNode只是纯粹创造了文本节点，

所以返回的效果也就是纯文本内容。

贴上 代码：

window.οnlοad=function(){
    var oP1=document.getElementsByTagName('p')[0];
    var oP2=document.getElementsByTagName('p')[1];
    var str='<b>这是加粗字体</b>';
    oP1.innerHTML+=str;

    var str1=document.createTextNode(str);
    oP2.appendChild(str1);
}

效果图：

总结：所以如果仅仅是想添加文字，两者都行，若是想添加包含html元素并要实现html效果，用innetHTML(也可以用dom方法：用createElement创建元素节点，在这个节点下创建文本节点，，这样会比较麻烦)