js的兼容性问题

于 2011-11-16 15:41:00 发布 · 112 阅读

文章标签：

本文介绍了一个关于在Internet Explorer浏览器中使用innerHTML属性时遇到的问题，特别是当尝试修改某些特定HTML元素的内容时，如table、tbody等，这些元素的innerHTML属性在IE中为只读。文章通过一个具体的例子展示了如何利用jQuery来解决此问题。

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> <script type="text/javascript"> function testHtml() { var info_str = "<tr><td colspan='4'>Error</td></tr>"; document.getElementById('info').innerHTML = info_str;//IE这一行会出错. $("#info").html(info_str);//用jquery则IE/FF都没有问题 } </script> </head> <body> <input type="button" value="Test innerHTML" onclick="testHtml()" /> <table id="students" class="tb02" width="100%" border="1" cellspacing="1" > <thead> <tr><td>name</td><td>age</td><td>sex</td><td>interest</td></tr> </thead> <tbody id="info"> <tr><td colspan='4'>Right</td></tr> </tbody> </table> </body> </html>

在IE中以下元素的innerHTML是只读的：col、 colgroup、frameset、html、 head、style、table、tbody、 tfoot、 thead、title 与 tr。