innerHTML 與 innerText 的區別

標籤：自己的   ext   else   瀏覽器   tco   type   包括   .text   解析   

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;               //Firefox不相容
    }else{
        result = element.textContent;
    }
    return result;
}

設定：

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

innerHTML 與 innerText 的區別