document.write()和DOM對象的innerHTML、innerText屬性

document.write()

定義和用法

write() 方法可向文檔寫入 HTML 表達式或 JavaScript 代碼。

可列出多個參數(exp1,exp2,exp3,...) ,它們將按順序被追加到文檔中。

*推薦在頁面onload之前使用,事件驅動的document.write方法會出現將原網頁內容覆蓋等問題。


DOM對象的innerHTML屬性

定義和用法

innerHTML 屬性設置或返回標簽中的開始和結束標簽之間的 HTML。

*在AJAX異步加載數據中,更推薦innerHTML而不是document.write()。


DOM對象的innerHTML屬性

定義和用法

innerText 屬性設置或返回標簽中的開始和結束標簽之間的文本。


innerText與innerHTML的區別

*設置時,若是設置的字符串包括HTML標簽(如"<p>你好</p>"),網頁顯示中會將HTML標簽也當成普通字符顯示出來。而如果innerHTML屬性設置的字符串包括HTML標簽,瀏覽器則是將其當作標簽來解析。

*獲取時,innerText只會返回HTML標簽中的文本內容,不會返回其中包含的標簽。而innerHTML會將標簽中包含的所有內容(包括標簽)返回。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 一、JS前言 (1)認識JS 也許你已經了解HTML標記(也稱為結構),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,798評論 0 8
  • 一、概述 document節點是整個文檔樹的頂層節點,每張網頁都有自己的document節點。window.doc...
    周花花啊閱讀 1,354評論 0 1
  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,320評論 1 41
  • 書,有很多很多,中國的,美國的,各式各樣。從小到大,我讀過的書有很多,但是,我最喜歡的,是楊紅櫻阿姨的《藍色的兔...
    王思妍閱讀 405評論 0 1
  • 奮斗在人類組學數據分析的一線,要隨時跟上最新的研究進展。大型的研究項目會有全面的數據集和可視化工具,也有專門從各個...
    BryceBryce閱讀 3,686評論 2 24