innerHTML,innerText,outHTML的用法及區別詳解

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來進行處理.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章