innerHTML和innerText的區別


<p id="example">welcome to <strong>JavaScript</strong> !!!</p>為例;

 

innerHTML屬性:

 

innnerText屬性:

 

以上可以看出:

innerHTML屬性會把p標簽包含的內容全部打印出來包括p標簽里面的標簽

innnerText屬性會把p標簽包含的內容全部打印出來,但不會打印包含在p標簽里面的標簽

 

特別指出:

現如今的瀏覽器幾乎都支持屬性innnerHTML,這個屬性不是W3C DOM標准的組成部分,但現在已經包含到HTML5的規范中

innerText屬性的兼容性不好,firefox並不支持這個屬性,在平時使用中盡量少用

 

很明顯,innerHTML屬性沒有細節可言,他就像一把大錘那樣粗放,如果只需要把一大段HTML內容插入網頁時,innerHTMl屬性更合適,它既支持讀取又支持寫入,一旦寫入innerHTML,全部內容都將被覆蓋


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM