成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

innerHTML、innerText、outerHTML、outerText區(qū)別。

lbool / 1262人閱讀

摘要：設(shè)置或獲取對象起始標(biāo)簽和結(jié)束標(biāo)簽之間的內(nèi)容。使用上面的操作執(zhí)行輸出執(zhí)行輸出注意到區(qū)別了嗎，輸出中的內(nèi)容時(shí)，標(biāo)簽是不包含在內(nèi)的。在設(shè)置時(shí)，執(zhí)行此時(shí)頁面顯示的內(nèi)容是，此時(shí)標(biāo)簽名沒有被解析，當(dāng)作字符原樣輸出。

1.innerHTML:設(shè)置或獲取對象起始標(biāo)簽和結(jié)束標(biāo)簽之間的內(nèi)容。如：

hello world



segmentfault

dazhuaoyao

執(zhí)行console.log(document.getElementById("div1").innerHTML);輸出：hello world
執(zhí)行console.log(document.getElementById("div2").innerHTML);輸出：
segmentfault

dazhuaoyao


執(zhí)行document.getElementById("div1").innerHTML=‘node’會(huì)設(shè)置div1中的內(nèi)容為：node
執(zhí)行document.getElementById("div1").innerHTML="
"+"node"+"
",此時(shí)頁面顯示的內(nèi)容依舊是node,標(biāo)簽名會(huì)自動(dòng)解析，不會(huì)輸出。

2.innerText:設(shè)置或獲取位于對象起始和結(jié)束標(biāo)簽內(nèi)的文本。使用上面的div操作：
執(zhí)行console.log(document.getElementById("div1").innerHTML);輸出：hello world
執(zhí)行console.log(document.getElementById("div2").innerHTML);輸出：
segmentfault
dazhuaoyao
注意到區(qū)別了嗎，輸出div2中的內(nèi)容時(shí)，標(biāo)簽是不包含在內(nèi)的。在設(shè)置innerText時(shí)，執(zhí)行：
document.getElementById("div1").innerText="

"+"node"+"
";此時(shí)頁面顯示的內(nèi)容是
node
，此時(shí)標(biāo)簽名沒有被解析，當(dāng)作字符原樣輸出。

3.outerHTML:設(shè)置或獲取對象及其內(nèi)容的 HTML 形式。使用上面的div操作：
執(zhí)行console.log(document.getElementById("div1").innerHTML);輸出：

hello world

執(zhí)行console.log(document.getElementById("div2").innerHTML);輸出：

segmentfault

dazhuaoyao


與innerHTML不同的是，對象本身的標(biāo)簽也包含進(jìn)去了。在設(shè)置outerHTML時(shí)，和innerHTML一樣

4.outerText:設(shè)置或獲取對象的文本。使用上面的div操作：
執(zhí)行console.log(document.getElementById("div1").outerText);輸出：hello world
執(zhí)行console.log(document.getElementById("div2").innerHTML);輸出：
segmentfault
dazhuaoyao
不過，設(shè)置outerText的值時(shí)，可以解析標(biāo)簽名。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/81939.html

相關(guān)文章

  • innerHTML、innerText、outerHTML、outerText區(qū)別。

    摘要：設(shè)置或獲取對象起始標(biāo)簽和結(jié)束標(biāo)簽之間的內(nèi)容。使用上面的操作執(zhí)行輸出執(zhí)行輸出注意到區(qū)別了嗎，輸出中的內(nèi)容時(shí)，標(biāo)簽是不包含在內(nèi)的。在設(shè)置時(shí)，執(zhí)行此時(shí)頁面顯示的內(nèi)容是，此時(shí)標(biāo)簽名沒有被解析，當(dāng)作字符原樣輸出。 1.innerHTML:設(shè)置或獲取對象起始標(biāo)簽和結(jié)束標(biāo)簽之間的內(nèi)容。如： hello world segmentfault dazhuaoyao 執(zhí)行console.log(doc...

    Harpsichord1207 評論0 收藏0

  • innerHTML&outerHTML&innerText&outerTex

    摘要：有時(shí)候做項(xiàng)目會(huì)用到上述四個(gè)屬性來獲取文檔里的一些內(nèi)容，但對他們的區(qū)別還是有些模糊，所以寫了幾個(gè)簡單的函數(shù)，通過打印在控制臺(tái)上的結(jié)果看看他們之間的區(qū)別。 有時(shí)候做項(xiàng)目會(huì)用到上述四個(gè)DOM屬性來獲取HTML文檔里的一些內(nèi)容，但對他們的區(qū)別還是有些模糊，所以寫了幾個(gè)簡單的函數(shù)，通過打印在控制臺(tái)上的結(jié)果看看他們之間的區(qū)別。 代碼： outer inner one be...

    draveness 評論0 收藏0

  • DOM相關(guān)知識(shí)點(diǎn)

    摘要：此文目的本文主要是整理相關(guān)的知識(shí)點(diǎn)，方便日后的查看和各位的查缺補(bǔ)漏。屬性和方法為元素節(jié)點(diǎn)，為屬性節(jié)點(diǎn)，為文本節(jié)點(diǎn)與返回為大寫標(biāo)簽名，如。避免鏈?zhǔn)讲僮魅绻蟹祷刂担瑒t存在內(nèi)存中。這個(gè)返回值包括了這個(gè)元素自己的和繼承自父元素的全部樣式。 此文目的 本文主要是整理DOM相關(guān)的知識(shí)點(diǎn)，方便日后的查看和各位的查缺補(bǔ)漏。所以重在整理，并不會(huì)展開。目前還在持續(xù)整理中，打算在16日左右完結(jié)。 Nod...

    rose 評論0 收藏0

  • DOM疑惑點(diǎn)整理（三）

    摘要：好的，這些是眾所周知的。和兩者最大區(qū)別就是是否會(huì)改變調(diào)用它們的節(jié)點(diǎn)自身，類似上面與的其二中所描述。并未寫入規(guī)范，不建議使用，而且會(huì)導(dǎo)致調(diào)用它的節(jié)點(diǎn)自身消失。兩者可能因?yàn)闉g覽器不同，輸出的文本格式略有差別 innerHTML和outerHTML 先說一個(gè)幾乎眾所周知的，innerHTML和outerHTML中的內(nèi)容都會(huì)被解析為DOM子樹，其二就是， let txt = doc...

    高勝山 評論0 收藏0

  • DOM疑惑點(diǎn)整理（三）

    摘要：好的，這些是眾所周知的。和兩者最大區(qū)別就是是否會(huì)改變調(diào)用它們的節(jié)點(diǎn)自身，類似上面與的其二中所描述。并未寫入規(guī)范，不建議使用，而且會(huì)導(dǎo)致調(diào)用它的節(jié)點(diǎn)自身消失。兩者可能因?yàn)闉g覽器不同，輸出的文本格式略有差別 innerHTML和outerHTML 先說一個(gè)幾乎眾所周知的，innerHTML和outerHTML中的內(nèi)容都會(huì)被解析為DOM子樹，其二就是， let txt = doc...

    lucas 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<