createText、innerText、innerHtml的不同

1.createText

var div = document.querySelector("div");
    div.onclick = function(){
        textNode = document.createTextNode("good");
        div.appendChild(textNode) ;//会在已有文本的后面添加good 每点击一次添加一个
    }

2.innerText

var div = document.querySelector("div");
    div.onclick = function(){
        div.innerText = "<h1>标题</h1>"//无法识别标签 会直接替换里面的文本
        console.log("div.innerText");//只输出文本 不输出标签
    }

3.innerHtml

var div = document.querySelector("div");
    div.onclick = function(){
        div.innerHTML = "<h1>标题</h1>"//识别标签 替换文本 
        console.log(div.innerHTML);//输出div中间的所有标签与文本
    }