js的兼容性問題

時間 2019-11-10

原文原文鏈接

innerHTML和innerTEXT的使用問題javascript

<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。html

相關標籤/搜索