innerHTML,innerText,outHTML的用法及區別,今天就詳細的解說並且帶有實例說明。大家一看就明白,進入正題,接下來我們用下面的這段代碼做測試
<div id="tianzi"> <span style="color:red">www.seostudying.com</span> </div>
1.tianzi.innerText
它得到的是<div></div>
標籤中的文本節點的內容,也就是tianzi
2.tianzi.innerHTML
它得到的是<div></div>
標籤中的所有內容,包括元素節點,屬性節點以及文本節點,也就是<span style="color:red">www.seostudying.com</span>
3.tianzi.outerHTML
它得到的是包括<div></div>
標籤自身及其中的所有內容,也就是<div id="seostudying"><span style="color:red">www.seostudying.com</span></div>
同時也得提醒一下大家,這3個屬性都是IE專有的屬性,而不是W3C的標準,因而一般的主流瀏覽器Firefox,Opera,Safari僅僅支持innerHTML,其它兩個屬性都不支持。建議你使用DOM來進行處理.