innerHTML,innerText,outerHTML和value的區別

2021-04-14 05:42:25 字數 1811 閱讀 1771

1樓:wo是小毛驢

innerhtml: 屬性設定或返回**行的開始和結束標籤之間的 html。(也就數說,用innerhtml的元素必須是專標籤對的形屬式,也就是input啥都輸不出來)。

outerhtml: 設定或獲取物件及其內容的 html 形式。(標籤對,input輸出本身)

innertext: 設定或獲取位於物件起始和結束標籤內的文字。(標籤對,input啥也輸不出來)

value 這個用的地方比較多,這裡僅以input中的value為例。就是input的值。(標籤對,輸出undefined)

2樓:森珹鄞初陽

innerhtml,innertext和outerhtml,outertext的區別如下:

1)innerhtml

html內容

2)innertext

設定或獲取位於物件起始和結束標籤內的文字

3)outerhtml設定或獲取物件及其內容的

html

形式4)outertext

設定(包括標籤)或獲取(不包括標籤)物件的文字

重點強調指出:

innerhtml與outerhtml在設定物件的內容時包含的html會被解析,而innertext與outertext則不會。

在設定時,innerhtml與innertext僅設定標籤內的文字,而outerhtml與outertext設定包括標籤在內的文字。

舉例說明,在html中有以下**:

here

issome

interesting

text

分別使用innerhtml,innertext和outerhtml,outertext的取值結果如下:

document.all['myid'].innerhtml結果是:here

issome

interesting

text

document.all['myid'].innertext結果是:here

issome

interesting

text

document.all['myid'].outerhtml結果是:

here

issome

interesting

text

document.all['myid'].outertext的結果是:here

issome

interesting

text

3樓:真恩司寇驪潔

舉個例子du來說吧。

內容使用zhi這幾個來獲取上面daodiv的內容專的話,區別如屬下:

innerhtml:

內容,帶有html標籤

innertext:

內容不帶html標籤

outerhtml:

內容outertext:

獲取元素跟inntertext是一樣的。

使用這幾個來改變某個元素的內容

innerhtml="內容"

//內容

展示出來的是斜體的「內容」,i作為html標籤解析了innertext="內容"

//內容

展示的內容為「

內容」,i沒有作為html的標籤解析,而是直接輸出了。

outerhtml="內容"

//內容

就是替換了外面的標籤,同時i會被解析,展現乙個斜體的「內容」

outertext="內容"

//替換外面的標籤,i沒有解析,頁面顯示「內容」

注意outerhtml、innertext不是w3c標準,使用時請注意瀏覽器相容性!

html中value的作用,html裡面的表單value標籤有什麼用啊

按鈕中bai用的value 指的是 按鈕上du要顯示的文字 比如zhi 確定,刪除 等等字樣dao 核取方塊內用的value 指的是 這個核取方塊的容值單選框用的value 和核取方塊的作用一樣 下拉列表用的value 是 列表中每個子項的值隱藏域用的value 是 框裡面顯示的內容 說簡單點 作用...

excel當用公式的到的是VALUE時要怎麼使其為空?為什麼 不行

你的原文 我寫 date 0,mid b3,4,2 lift b3,2 我想可能是筆誤,是否為 date 0,mid b3,4,2 left b3,2 如果是這樣的話,並且你用的是2007或以上版,那麼可以這樣 iferror date 0,mid b3,4,2 left b3,2 錯誤值直接用is...

truthfulness和truth的區別

truthfulness n.誠實 真實 u the virtues of loyalty,courage,and truthfulness.忠誠,勇敢和誠實的美德。she is satisfied of the truthfulness of my statement.她完全相信我的話的真實。tr...