DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> innerHTML與jquery裡的html()區別介紹
innerHTML與jquery裡的html()區別介紹
編輯:JQuery特效代碼     
看個示例:
. 代碼如下:
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。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved