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...