Internet Explorer 中的 html dom 动态表

Question

您好，我目前正在练习 HTML DOM，并且我已经编写了这个函数来创建动态表。

function initScheduleTable() {
    var days = new Array("MON", "TUE", "WED", "THU", "FRI", "SAT", "SUN");
    var table = document.getElementById("schedule");
    var hourPerDay = 24;
    var row, cell;
    var i, j;

    // Time headers
    row = table.insertRow(-1);
    cell = row.insertCell(-1);

    for(i = 0; i < hourPerDay; ++i) {
        cell = row.insertCell(-1);
        if(i < 10)
            cell.innerHTML = "0" + i;
        else
            cell.innerHTML = i;
    }

    for(i = 0; i < days.length; ++i) {
        row = table.insertRow(-1);
        cell = document.createElement("th");
        cell.innerHTML = days[i];
        row.appendChild(cell);

        for(j = 0; j < hourPerDay; ++j) {
            cell = row.insertCell(-1);
            cell.innerHTML = "&nbsp;";
        }
    }
}

这适用于 Chrome 和 Firefox，但不适用于 IE9。使用 IE，日期显示在最右边的列中。我使用 IE 开发人员工具检查了源代码，它显示 列在 列表的末尾。

这种情况下IE有什么需要注意的吗？

Answer 1

由于某种荒谬的原因，IE 认为 TH 单元格一定位于行的末尾。将每行上的 TH 更改为 TD，并使用 CSS 使其文本变为粗体，使其看起来像 TH。