jquery_jquery에서 innerHTML과 html()의 차이점 소개

예 보기:

코드 복사 코드는 다음과 같습니다.

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)를 다시 호출하고 추가를 통해 문자열을 추가합니다.


jquery와 함께 innerHTML을 사용하는 방법
$("#responsediv")는 Jquery 개체이며 Value 속성에 대한 Val() 할당은 의미가 없습니다. Jquery에는 innerHTML 속성이 없습니다. $("#responsediv")[0].innerHTML=msg를 작성해야 합니다. innerHTML을 사용하여 이 Dom 객체를 가져옵니다.
오늘 우리는 이를 기반으로 광고 포스트 로딩 방법을 추가했습니다:

코드는 다음과 같습니다.

<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를 기반으로 한 Baidu Butler의 포스트 로딩 광고용 코드

<div id="tonglanbd"></div>
<script type="text/javascript">
$.getScript("http://cbjs.baidu.com/js/m.js", function() {
BAIDU_CLB_fillSlotAsync("广告id，不能带u","tonglanbd");
});
</script>