innerHTML與jquery里的html()區(qū)別介紹
更新時間:2012年10月12日 11:36:35 投稿:mdxy-dxy
我原本一直以為innerHTML和jquery里的html其實是完全一樣的,jquery是多此一舉了,直到我遇到一次問題
看個示例:
復制代碼 代碼如下:
var tbody=document.createElement('tbody');
tbody.innerHTML='<tr><td>IE下tbody的innerHTML是只讀的</td></tr>'; //在IE下報錯,目標對象錯誤
現(xiàn)在用jquery的html試試,
復制代碼 代碼如下:
$(tbody).html('<tr><td>IE下tbody的innerHTML是只讀的</td></tr>');
發(fā)現(xiàn)IE下用jquery能正確顯示了,沒任何問題。
后來查閱資料才知道,原來IE下tbody、tr這些的innerHTML都是只讀的,不允許寫入,而在其他瀏覽器下則沒問題。
而jquery里是用了try,catch來檢測,如果報錯則在catch里重新調(diào)用this.empty().append(value),是通過append來添加字符串的。
jquery 如何使用innerHTML
$("#responsediv") 是個Jquery對象,它Val()是對Value屬性賦值對它無意義,Jquery沒有innerHTML這個屬性,應該這樣寫$("#responsediv")[0].innerHTML=msg 就可以獲得這個Dom對象使用innerHTML。
今天在這個基礎上加上了一個后加載廣告的方法:
代碼如下:
<div id="logo_m"></div> <script> function doad(datastr,id){ //getid(id).innerHTML = datastr; 這個是原生js的寫法 $("#"+id).html(datastr); //這個是jquery寫法 } /* 上面的都是直接的字符串寫入,不能是js代碼 下面的代碼利用的是jquery的append加載google廣告不錯,百度的好像不能用。后加載百度的可以是用百度管家自帶的函數(shù)。 */ function doad2(datastr,id){ $("#"+id).append(datastr); } var logo_m='<a target="_blank"><img src="http://img.jbzj.com/image/kongbao_370.gif" width=370 height=60 /></a>'; doad(logo_m,'logo_m'); </script>
百度管家自帶的后加載廣告的代碼,基于jquery
<div id="tonglanbd"></div> <script type="text/javascript"> $.getScript("http://cbjs.baidu.com/js/m.js", function() { BAIDU_CLB_fillSlotAsync("廣告id,不能帶u","tonglanbd"); }); </script>
您可能感興趣的文章:
- javascript innerHTML、outerHTML、innerText、outerText的區(qū)別
- innerhtml用法 innertext用法 以及innerHTML與innertext的區(qū)別
- IE6-IE9不支持table.innerHTML的解決方法分享
- 放棄用你的InnerHTML來輸出HTML吧 jQuery Tmpl不詳細講解
- js innerHTML 改變div內(nèi)容的方法
- 調(diào)用innerHTML之后onclick失效問題的解決方法
- IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
- js使用for循環(huán)與innerHTML獲取選中tr下td值
- innerHTML動態(tài)添加html代碼和腳本兼容多個瀏覽器
- innerHTML中標簽可以換行的方法匯總
相關(guān)文章
jQuery實現(xiàn)動態(tài)添加節(jié)點與遍歷節(jié)點功能示例
這篇文章主要介紹了jQuery實現(xiàn)動態(tài)添加節(jié)點與遍歷節(jié)點功能,結(jié)合實例形式分析了jQuery針對頁面元素節(jié)點元素的動態(tài)添加與遍歷相關(guān)操作技巧,需要的朋友可以參考下2017-11-11jQuery中closest和parents的區(qū)別分析
本文給大家介紹jquery中parents()和closest()用法與區(qū)別介紹,在jquery中parents()查找父級元素刪除的時候,發(fā)現(xiàn)它不包含根元素,于是用了closest(),效果不錯,下面我來給大家具體的介紹一下2015-05-05jQuery EasyUI中對表格進行編輯的實現(xiàn)代碼
對表格進行增刪改后一次性保存或回滾的發(fā)生相當有用。參照官方的教程例子做了個用戶管理的小例子。2010-06-06