innerText和innerHtml的區別

2021-05-22 14:38:25 字數 1680 閱讀 8049

innertext

跟innerhtml

是兩個非

dom標準的方法

其區別如圖所示:

在ie中 innertext 跟 innerhtml 兩個方法都能正常執行

但是ff裡面的innertext不可用,但是有乙個替代方法: textcontent

ie: odiv.innertext = astring; odiv.innerhtml = astring;

ff: odiv.textcontent = astring; odiv.innerhtml = astring;

innerhtml

,outerhtml

,innertext

,outertext

這些都是相對於某個標籤的

id而言的

,以下**是可以直接執行看到區別的:

<

divid

="div">

<

font

color

="green"><

h2>this is div

h2>

font

>

div>

<

input

type

="button"

name

="innerhtml"

value

="innerhtml"

onclick

="alert(div.innerhtml);"/>

<

input

type

="button"

name

="outerhtml"

value

="outerhtml"

onclick

="alert(div.outerhtml);"/>

<

input

type

="button"

name

="innertext"

value

="innertext"

onclick

="alert(div.innertext);">

<

input

type

="button"

name

="outertext"

value

="outertext"

onclick

="alert(div.outertext);">

(1)name="innerhtml"執行結果:

(2)name="outerhtml"執行結果:

(3)name="outerhtml"與name="outertext"執行結果:

innerText和textContent的區別

innertext 的值依賴於瀏覽器的顯示結果,textcontent 依賴於原始碼的顯示結果 123 abc輸出結果 innertext 123 abc textcontent 123abc如果乙個元素之間包含了script標籤或者style標籤,innertext是獲取不到這兩個元素之間的文字的...

innerText和textContent的區別

innertext innerhtml 相同點 都可以獲取 或者設定文字內容 不同點 innertext獲取文字內容,不能獲取標籤,設定文字內容不會解析標籤名直接把標籤名當做文字在頁面中顯示 innerhtml獲取文字內容,會獲取標籤設定文字內容不會解析標籤名,直接把標籤名當做文字解析成標籤文字。自...

innerText和innerHTML的區別

通過document.getelementbyid users innerhtml,innerhtml會返回如下帶標籤的內容 張三id 1 age 18 gender true name 張三 李四id 2 age 18 gender false name 李四 王二id 3 age 18 gend...