innerHTML與jquery里的html()區(qū)別介紹
看個(gè)示例:
var tbody=document.createElement('tbody');
tbody.innerHTML='<tr><td>IE下tbody的innerHTML是只讀的</td></tr>'; //在IE下報(bào)錯(cuò),目標(biāo)對(duì)象錯(cuò)誤
現(xiàn)在用jquery的html試試,
$(tbody).html('<tr><td>IE下tbody的innerHTML是只讀的</td></tr>');
發(fā)現(xiàn)IE下用jquery能正確顯示了,沒(méi)任何問(wèn)題。
后來(lái)查閱資料才知道,原來(lái)IE下tbody、tr這些的innerHTML都是只讀的,不允許寫(xiě)入,而在其他瀏覽器下則沒(méi)問(wèn)題。
而jquery里是用了try,catch來(lái)檢測(cè),如果報(bào)錯(cuò)則在catch里重新調(diào)用this.empty().append(value),是通過(guò)append來(lái)添加字符串的。
jquery 如何使用innerHTML
$("#responsediv") 是個(gè)Jquery對(duì)象,它Val()是對(duì)Value屬性賦值對(duì)它無(wú)意義,Jquery沒(méi)有innerHTML這個(gè)屬性,應(yīng)該這樣寫(xiě)$("#responsediv")[0].innerHTML=msg 就可以獲得這個(gè)Dom對(duì)象使用innerHTML。
今天在這個(gè)基礎(chǔ)上加上了一個(gè)后加載廣告的方法:
代碼如下:
<div id="logo_m"></div> <script> function doad(datastr,id){ //getid(id).innerHTML = datastr; 這個(gè)是原生js的寫(xiě)法 $("#"+id).html(datastr); //這個(gè)是jquery寫(xiě)法 } /* 上面的都是直接的字符串寫(xiě)入,不能是js代碼 下面的代碼利用的是jquery的append加載google廣告不錯(cuò),百度的好像不能用。后加載百度的可以是用百度管家自帶的函數(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來(lái)輸出HTML吧 jQuery Tmpl不詳細(xì)講解
- js innerHTML 改變div內(nèi)容的方法
- 調(diào)用innerHTML之后onclick失效問(wèn)題的解決方法
- IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
- js使用for循環(huán)與innerHTML獲取選中tr下td值
- innerHTML動(dòng)態(tài)添加html代碼和腳本兼容多個(gè)瀏覽器
- innerHTML中標(biāo)簽可以換行的方法匯總
相關(guān)文章
jQuery實(shí)現(xiàn)動(dòng)態(tài)添加節(jié)點(diǎn)與遍歷節(jié)點(diǎn)功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)添加節(jié)點(diǎn)與遍歷節(jié)點(diǎn)功能,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面元素節(jié)點(diǎn)元素的動(dòng)態(tài)添加與遍歷相關(guān)操作技巧,需要的朋友可以參考下2017-11-11jQuery中closest和parents的區(qū)別分析
本文給大家介紹jquery中parents()和closest()用法與區(qū)別介紹,在jquery中parents()查找父級(jí)元素刪除的時(shí)候,發(fā)現(xiàn)它不包含根元素,于是用了closest(),效果不錯(cuò),下面我來(lái)給大家具體的介紹一下2015-05-05jQuery實(shí)現(xiàn)最簡(jiǎn)單實(shí)用的分秒倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)最簡(jiǎn)單實(shí)用的分秒倒計(jì)時(shí),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02jQuery學(xué)習(xí)筆記之jQuery選擇器的使用
jQuery中最核心和最讓人愛(ài)不釋手的就是選擇器,下面就是各種選擇器代筆的意義。2010-12-12jquery實(shí)現(xiàn)商品拖動(dòng)選擇效果代碼(自寫(xiě))
商品拖動(dòng)選擇效果如圖所示,感興趣的朋友已經(jīng)迫不及待想實(shí)現(xiàn)了吧,下面與大家分享下具體的實(shí)現(xiàn)思路及處理程序2013-05-05jQuery EasyUI中對(duì)表格進(jìn)行編輯的實(shí)現(xiàn)代碼
對(duì)表格進(jìn)行增刪改后一次性保存或回滾的發(fā)生相當(dāng)有用。參照官方的教程例子做了個(gè)用戶管理的小例子。2010-06-06