innerHTML与jquery里的html()区别介绍
发布时间：2013-09-29 编辑：jiaochengji.com
我原本一直以为innerHTML和jquery里的html其实是完全一样的，jquery是多此一举了，直到我遇到一次问题
看个示例：
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
$("#responsediv") 是个Jquery对象，它Val()是对Value属性赋值对它无意义，Jquery没有innerHTML这个属性，应该这样写$("#responsediv")[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
$("#responsediv") 是个Jquery对象，它Val()是对Value属性赋值对它无意义，Jquery没有innerHTML这个属性，应该这样写$("#responsediv")[0].innerHTML=msg 就可以获得这个Dom对象使用innerHTML。
您可能感兴趣的文章：
innerHTML与jquery里的html()区别介绍
jQuery对象与DOM对象之间的转换方法
javascript innerHTML与innerText的区别
JQUERY 对象与DOM对象之两者相互间的转换
获取html文件(js、jquery)实现代码
JQuery empty方法与remove方法的区别
innerHTML与innerText的用法与区别有哪些
基于jQuery的获取标签名的代码
解析：为jquery的ajax传递url的方法与注意事项
jquery异步请求并改变页面内容的实例分析
[关闭]