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，所有內容都將被覆蓋