js實例教程-innerHTML與jquery里的html()區別介紹

发布时间:2018-11-23 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了js實例教程-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

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

看個示例:

代碼如下:


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

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

覺得可用,就經常來吧!Javascript技巧 腳本寶典 歡迎評論哦!&nbsp;js技巧,巧奪天工,精雕玉琢。小寶典獻醜了!

脚本宝典总结

以上是脚本宝典为你收集整理的js實例教程-innerHTML與jquery里的html()區別介紹全部内容,希望文章能够帮你解决js實例教程-innerHTML與jquery里的html()區別介紹所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。