欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

innerHTML与jquery里的html()区别介绍

程序员文章站 2022-08-15 07:50:55
看个示例: 代码如下: var tbody=document.createelement('tbody'); tbody.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

$("#responsep") 是个jquery对象,它val()是对value属性赋值对它无意义,jquery没有innerhtml这个属性,应该这样写$("#responsep")[0].innerhtml=msg 就可以获得这个dom对象使用innerhtml。