innerHTML與jquery裡的html()區別介紹

看個樣本： 複製代碼 代碼如下:var tbody=document.createElement('tbody');
tbody.innerHTML='<tr><td>IE下tbody的innerHTML是唯讀</td></tr>'; //在IE下報錯，目標對象錯誤

現在用jquery的html試試， 複製代碼 代碼如下:$(tbody).html('<tr><td>IE下tbody的innerHTML是唯讀</td></tr>');

發現IE下用jquery能正確顯示了，沒任何問題。
後來查閱資料才知道，原來IE下tbody、tr這些的innerHTML都是唯讀，不允許寫入，而在其他瀏覽器下則沒問題。

而jquery裡是用了try，catch來檢測，如果報錯則在catch裡重新調用this.empty().append(value)，是通過append來添加字串的。

jquery 如何使用innerHTML

$("#responsediv") 是個Jquery對象，它Val()是對Value屬性賦值對它無意義，Jquery沒有innerHTML這個屬性，應該這樣寫$("#responsediv")[0].innerHTML=msg 就可以獲得這個Dom對象使用innerHTML。