元素而言，其innerText屬性會(huì)返回下列字符串：
? ? ? ?This is a paragraph with a list following it.
? ? ? ?Item l
? ? ? ?Item 2
? ? ? ?Item 3
? ? ? ?由于不同瀏覽器處理空白符的方式不同，因此輸出的文本可能會(huì)也可能不會(huì)包含原始HTML代碼中的縮進(jìn)。
使用innerText屬性設(shè)置這個(gè)
? ? ? ?設(shè)置innerText永遠(yuǎn)只會(huì)生成當(dāng)前節(jié)點(diǎn)的一個(gè)子文本節(jié)點(diǎn)，而為了確保只生成一個(gè)子文本節(jié)點(diǎn)， 就必須要對(duì)文本進(jìn)行HTML編碼。此外，還可利用innerText屬性過(guò)濾掉HTML標(biāo)簽。方法是將 innerText設(shè)置為等于innerText，這樣就可以去掉所有HTML標(biāo)簽，如下所示：
? ? ? ?div.innerText=div.innerText:
? ? ? ?執(zhí)行這行代碼的結(jié)果就是用原來(lái)的文本替換容器元素中的所有內(nèi)容。 ? ? ? ?在此，南昌網(wǎng)站制作公司百恒網(wǎng)絡(luò)開(kāi)發(fā)工程師提示大家IE、Safari、Opera和Chrome支持innerText屬性。Firefox雖然不支持innerText，但支持作用類似的textContent屬性。textContent是DOM3級(jí)規(guī)定的一個(gè)屬性，而且也得到了Safari、Opera 和Chrome的支持。為了確保跨瀏覽器兼容，有必要像下面這樣通過(guò)函數(shù)來(lái)檢測(cè)可以使用哪個(gè)屬性：
function getInnerText(element){
? ? ? ?return ( typeof element.textContent=="string") ?
? ? ? ? ? ? ? element.textContent : element.innerText:
? ? ? ?}
function setInnerText(element, text){
? ? ? ?if (typeof element.textContent== "string"){
? ? ? ? ? ? ? element.textContent=text:
? ? ? ?} else {
? ? ? ? ? ? ? element.innerText=text:
? ? ? ?}
}
? ? ? ?這兩個(gè)函數(shù)都接受一個(gè)元素，然后檢查這個(gè)元素是不是有textContent屬性。如果有，那么type of element．textContent應(yīng)該是"string"；如果沒(méi)有，那么這兩個(gè)函數(shù)就會(huì)改為使用innerText，可以像下面這樣調(diào)用這兩個(gè)函數(shù)：
? ? ? ?setInnerText( div, "Hello worldl“);
? ? ? ?alert( getinnerText (div)); //"Hello world!"
使用這兩個(gè)函數(shù)可以確保在不同的瀏覽器中使用正確的屬性。
2．innerHTML屬性
? ? ? ?innerHTML與innerText在很多方面都很相似。在讀取信息時(shí)，innerHTML返回當(dāng)前元素所有子節(jié)點(diǎn)的HTML表現(xiàn)，包括元素、注釋及文本節(jié)點(diǎn)。在寫入信息時(shí)，innerHTML會(huì)按照指定的值創(chuàng)建新的DOM子樹，并以該子樹替換當(dāng)前元素的所有子節(jié)點(diǎn)。提到innerHTML與innerText之間最 主要的區(qū)別，無(wú)非就是innerHTML處理的是HTML字符串，而innerText處理的是普通文本字符串。
以下面的HTML代碼為例：