innerHTML 與 innerText 的區別

innerHTML指的是從對象的起始位置到終止位置的全部內容,包括Html標簽。
innerText 指的是從起始位置到終止位置的內容,但它去除Html標簽。
同時，innerHTML 是所有瀏覽器都支持的，innerText 是IE瀏覽器和chrome 瀏覽器支持的，Firefox瀏覽器不支持。其實，innerHTML 是W3C 組織規定的屬性；而innerText 屬性是IE瀏覽器自己的屬性

 給innerHTML屬性設置內容后, 會將內容中包括的標簽解析. innerText不會.

實現innerText的兼容：

獲取：

function getInnerText(element){
    var result = "";
    if(typeof element.innerText == "string"){
        result = element.innerText;               //火狐不兼容
    }else{
        result = element.textContent;
    }
    return result;
}

設置：

function setInnerText(element,content){
    if(typeof element.innerText == "string"){
        element.innerText = content;
    }else{
        element.textContent = content;
    }
}