javascript - IE 中神秘的运行时错误

Question

IE 版本:8.0.6001.18702

<tr id="week-days"></tr>

function displayWeekDay( lang )
{
    var txt = '<td>num</td>';
    for ( i = 0; i < langs[lang].day.length; i++ )
        if ( i == 5 )       txt += '<td class="red"><b>'   + langs[lang].day[i] + '</b></td>';
        else if ( i == 6 )  txt += '<td class="red"><b>'   + langs[lang].day[i] + '</b></td>';
        else                txt += '<td><b>'               + langs[lang].day[i] + '</b></td>';
    document.getElementById("week-days").innerHTML = txt;
}

错误在最后一行 - document.getElementById("week-days").innerHTML = txt;

我有点困惑 - 出现错误，但一切都正常显示。在 Mozilla、Chrome、Safari 上没有错误。任何想法都会受到赞赏。

编辑

Answer 1

来自 MSDN:“表和 tr 对象的 innerText 和 innerHTML 属性是只读的”http://msdn.microsoft.com/en-us/library/ms532998(v=vs.85).aspx

解决方案是用 dom 创建一个 tr 元素，或者使用 html 构建一个完整的临时表，然后将行移动到目标表。像下面这样:

/** Appends a row to the given tbody */
function appendRow(tbody, trHTML) {
  var tempNode = document.createElement('div');
  tempNode.innerHTML = "<table><tr>" + trHTML + "</tr></table>";
  var tempTable = tempNode.firstChild;
  tbody.appendChild(tempTable.rows[0] );
}

您可以修改该函数以指定要插入的位置，或者要在之前或之后插入的另一个 tr。

参见 Can't set innerHTML on tbody in IE