InsertCell()在Chrome和IE中的区别

时间:2013-11-13 09:51:09

标签: javascript internet-explorer google-chrome insert cell

我在for循环中将单元格添加到表中,但是ie和chrome的结果不同。细胞的顺序相反。

如;

IE [[cell_1][cell_2][cell_3][cell_4]]

Chrome [[cell_4][cell_3][cell_2][cell_1]]

为什么会出现这样的问题,有没有办法用其他方法添加单元格(也许是jQuery)?

我使用即10.0.9 chrome 30.0.1


更新

您可以在两种浏览器中使用此代码进行尝试;

<html>
<head>
    <script type="text/javascript">
        function fillTable(){
            var aTBL = document.getElementById("table");

            aTR = aTBL.insertRow();

            for(i = 0; i < 5; i++){
                aTD = aTR.insertCell();
                aTD.innerHTML = "[cell_" + i + "]";
            }
        }
    </script>   
</head>
<body>
    <table id="table">
    </table>

    <script type="text/javascript">
        fillTable();
    </script>
</body>
</html>

1 个答案:

答案 0 :(得分:2)

如果你没有将参数传递给insertCell(),看起来浏览器有不同的默认值,插入单元格的位置。将-1作为参数传递,然后将单元格附加到行的末尾。

aTD = aTR.insertCell(-1);