表IE9的边框折叠样式和TD边框样式问题

时间:2012-03-23 08:05:29

标签: javascript html internet-explorer-9

我有一个包含以下内容的HTML页面。当用户单击复选框时,将调用JavaScript函数。在Internet Explorer 9(没有兼容性视图)中,JavaScript函数导致bowser崩溃。 IE显示“Internet Explorer已停止工作”消息。 TABLE边框折叠样式和TD边框样式导致此异常。是否存在IE错误或我忽略了细节?

感谢。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <script type="text/javascript">
        //<![CDATA[
        function U() {
            document.getElementById('TC').style.display = 'none';
            alert(1);
            document.getElementById('TU').style.display = '';
        }
        //]]>
    </script>
</head>
<body>
    <table style="border-collapse: collapse">
        <tr id="TC">
            <td style="border-style: solid">
                TC.TD1
            </td>
            <td>
                TC.TD2
            </td>
        </tr>
        <tr id="TU">
            <td colspan="2">
                TU.TD
            </td>
        </tr>
    </table>
    <br />
    <input onclick="U();" type="checkbox">
</body>
</html>

0 个答案:

没有答案