JS兼容性问题---table添加元素

题目: 给定一个table请通过节点方法动态为其添加三行两列。

方案:

        for (var i = 0; i < 3; ++i) {
            var tr = document.createElement("tr");
            for (var j = 0; j < 2; ++j) {
                var td = document.createElement("td");
                tr.appendChild(td);
                td.innerHTML = arr[i][j];
            }
            table.appendChild(tr);
        }

 不兼容浏览器: IE 7及以下

 原因: table不支持appendChild方法

 解决办法: 用insertRow和insertCell替代

 解决方案:

        for (var i = 0; i < 3; ++i) {
            var tr = table.insertRow(i);
            for (var j = 0; j < 2; ++j) {
                var td = tr.insertCell(j);
                td.innerHTML = arr[i][j];
            }
        }

 测试后结果: 完美解决

转载于:https://www.cnblogs.com/kuanger/p/4046070.html