首页 > 代码库 > js的兼容性问题

js的兼容性问题

innerHTML和innerTEXT的使用问题

<html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title>    <script src="http://www.mamicode.com/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="http://www.mamicode.com/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。