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

資訊專欄INFORMATION COLUMN

innerHTML&outerHTML&innerText&outerTex

draveness / 488人閱讀

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

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

代碼： 

    outer
    
inner one

    between
    
inner two

  

  

    
    
    
    
  
var showInnerHTML = function(){
    console.log(document.getElementById("outer").innerHTML);
  }
  var showOuterHTML = function(){
    console.log(document.getElementById("outer").outerHTML);
  }
  var showInnerText = function(){
    console.log(document.getElementById("outer").innerText);
  }
  var showOuterText = function(){
    console.log(document.getElementById("outer").outerText);
  }
innerHTML

控制臺(tái)結(jié)果：

總結(jié)：獲取當(dāng)前節(jié)點(diǎn)下子節(jié)點(diǎn)的HTML文本，如果子節(jié)點(diǎn)只有文本節(jié)點(diǎn)，則它的輸出效果和innerText相同

outerHTML

控制臺(tái)結(jié)果：

總結(jié)：獲得包括當(dāng)前節(jié)點(diǎn)本身以及節(jié)點(diǎn)下子節(jié)點(diǎn)的HTML文本

innerText

控制臺(tái)結(jié)果：

總結(jié)：獲得當(dāng)前節(jié)點(diǎn)子節(jié)點(diǎn)內(nèi)的純文本內(nèi)容

outerText

控制臺(tái)結(jié)果：

總結(jié)：獲得當(dāng)前節(jié)點(diǎn)以及子節(jié)點(diǎn)內(nèi)的純文本內(nèi)容（總感覺和innerText的輸出效果是一樣的，沒想到什么例子可以有不同的效果，如果你有，歡迎評(píng)論(#^.^#)）

疑問：可以看到innerText的輸出結(jié)果中，中間有一個(gè)空行，并不是很懂……

雖然是簡(jiǎn)單的例子，但是通過代碼把概念區(qū)分了一下，也是挺好的~如果有寫得不足的，歡迎指正留言~不勝感激！

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

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

相關(guān)文章

  • 利用js實(shí)現(xiàn)點(diǎn)擊按鈕實(shí)現(xiàn)圖片排序

    　　利用JS就可以實(shí)現(xiàn)在點(diǎn)擊按鈕實(shí)現(xiàn)圖片排序，做個(gè)狠人，直接說：　　效果　　1 、點(diǎn)擊按鈕　　如果按鈕文字是從大到小 將li標(biāo)簽按照從大到小的順序排列 文字改成從小到大　　如果按鈕文字是從小到大 將li標(biāo)簽按照從小到大的順序排列 文字變成從大到小　　2 、點(diǎn)擊按鈕 將li隨機(jī)排序　　<style> 　　*{ 　　padding:0; 　　margin:0; 　　list-style:n...

    3403771864 評(píng)論0 收藏0

  • js實(shí)現(xiàn)音樂播放器

    　 這篇文章為大家講如何用JSd代碼實(shí)現(xiàn)音樂播放?！　∫魳凡シ诺闹饕猨s代碼　　音樂數(shù)據(jù)的數(shù)組對(duì)象　　這里不僅有前端網(wǎng)頁提供數(shù)據(jù)，還有為后面的js代碼提供了音樂路徑，分享給大家。　　{ 　　ablum:"海闊天空", 　　artist:"Beyond", 　　id:1, 　　name:"大地", 　　path:"musics/1...

    3403771864 評(píng)論0 收藏0

  • innerHTML、innerText、textContent、outerHTML和value，傻傻

    摘要：會(huì)省略內(nèi)嵌的標(biāo)簽名，所以文本的只顯示了的內(nèi)容，并沒有顯示的標(biāo)簽名也必須是標(biāo)簽對(duì)的形式刪除了格式信息，所有文本均在一行，所以文本的內(nèi)容都在一行。也用來設(shè)置或獲取成對(duì)標(biāo)簽之間的內(nèi)容，并且只關(guān)注文本信息。之前，是不支持的。是的親兒子，放心用吧。 原文地址：https://www.xksblog.top/innerHTML-innerText-textContent-outerHTML-val...

    HollisChuang 評(píng)論0 收藏0

  • 使用js對(duì)被轉(zhuǎn)義的特殊符號(hào)（如：&amp;nbsp;）進(jìn)行反轉(zhuǎn)義

    var a = & alert(a); var c = document.createElement(div); c.innerHTML = a; a = c.innerText || c.textContent; c = null; alert(a); 吃水不忘挖井人：http://jsfiddle.net/xqin/6jra...

    wums 評(píng)論0 收藏0

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

    摘要：設(shè)置或獲取對(duì)象起始標(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è)置或獲取對(duì)象起始標(biāo)簽和結(jié)束標(biāo)簽之間的內(nèi)容。如： hello world segmentfault dazhuaoyao 執(zhí)行console.log(doc...

    lbool 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

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