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。
推荐阅读
-
jquery 层次选择器siblings与nextAll的区别介绍_jquery
-
jquery prop的使用介绍及与attr的区别_jquery
-
网页语言xhtml和html的概念与区别的详细介绍
-
jquery append()方法与html()方法的区别及使用介绍_jquery
-
HTML5标签与HTML4标签的区别示例介绍
-
jQuery中delegate与on的用法与区别示例介绍
-
jquery prop的使用介绍及与attr的区别
-
jquery中html、val与text三者属性取值的联系与区别介绍
-
HTML5标签与HTML4标签的区别示例介绍
-
jquery中map函数与each函数的区别实例教程介绍