1. 程式人生 > >讓你快速瞭解innerHTML與innerText的區別

讓你快速瞭解innerHTML與innerText的區別

一.特點

innerHTML :可取,可寫,可賦值;

innerText :可取,可賦值 (老版本火狐不相容) / textContent(老版本火狐使用這個方法,但老版本 IE 不能用)。

二.區別

1.標籤(元素節點)使用此方法的返回型別:

innerHTML :返回的是標籤內部的所有HTML程式碼,包括元素、屬性、文字、註釋等節點;

innerText:返回的僅是文字節點,也就是標籤名和註釋之類的都不會返回。

2.給他們賦值後的效果:

innerHTML :如果賦值為"<br>",那麼程式碼上會增加標籤,且網頁顯示換行;

innerText:如果賦值為"<br>",那麼程式碼上會增加一個string型別的字串("<br>")。

三.相同

如果對div使用innerText賦值了一些內容,如"123"後,會和innerHTML一樣,導致div標籤內部只剩下賦值的內容"123"。