innerHTML與jquery裡的html()差異介紹_jquery

看範例：

複製程式碼 程式碼如下:

var tbody=document.createElement('tbody');
tbody.innerHTML='IE下tbody的innerHTML是唯讀的'; //在IE下報錯，目標物件錯誤

現在用jquery的html試試，

複製程式碼 程式碼如下:

$(tbody).html('IE下tbody的innerHTML是唯讀的');

發現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。

今天在這個基礎上加上了一個後加載廣告的方法：

程式碼如下：

<div id="logo_m"></div>
<script>
function doad(datastr,id){ 
//getid(id).innerHTML = datastr; 这个是原生js的写法
$("#"+id).html(datastr); //这个是jquery写法
}
/*
上面的都是直接的字符串写入，不能是js代码
下面的代码利用的是jquery的append加载google广告不错，百度的好像不能用。后加载百度的可以是用百度管家自带的函数。
*/
function doad2(datastr,id){ 
$("#"+id).append(datastr);
}

var logo_m='<a href="http://www.danhw.com/" target="_blank"><img src="http://files.jb51.net/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>