天天看點

元素節點的 innerText、innerHTML、outerHTML、outerText

innerText 這個是起始其實标簽和結束标簽之間的文本。

innerHTML 這個表示所有的元素和文本的HTML代碼 -- 在讀模式下 innerHTML 屬性傳回調用元素的所有的子節點對應的HTML标記和内容。 -- 在寫模式下innerHTMl會根據指定的值來建立新的DOM樹。可以利用這個屬性給指定的标簽裡添加标簽。

outerText 是整個目标節點,傳回和innerText一樣的内容。

outerHTML 除了包換innerHTMl的全部内容外,還包換對象标簽本身。

document.write(document.getElementsByTagName("p")[0].innerText); // 輸出: 永遠的學生!(感歎号未加粗)
   document.write("<pre>\n</pre>");
   document.write(document.getElementsByTagName("p")[0].innerHTML); // 輸出: 永遠的學生!(感歎号加粗)
   document.write("<pre>\n</pre>");
   document.write(document.getElementsByTagName("p")[0].outerText); // 輸出: 永遠的學生!(感歎号未加粗)
   document.write("<pre>\n</pre>");
   document.write(document.getElementsByTagName("p")[0].outerHTML); // 輸出: 永遠的學生!(感歎号加粗)      

  你看看 加不加粗的感歎号 html 都加了  text沒加

  這裡說一下 innerHTML的寫模式是什麼啊  其實就是替換啊 直接  = “xxx” 就好了 什麼破玩意 講的那麼進階....煩死了 前端