IE9 createElement 和设置innerHTML 在设置操作上放置标签？

Question

不确定我是否遗漏了一些明显的东西，因为这是我第一次尝试使用原始 DOM api（而不是通过 jQuery 等）做很多事情。

考虑以下代码，我在其中使用 document.createElement 手动创建 TBODY，然后设置它的innerHTML。

<table id="myTable">
</table>

<script type='text/javascript'>
    var row = "<tr><td><span>col1</span></td><td>col2</td></tr>";
    var render = function(){
        var table = document.getElementById('myTable');
        var tbody = document.createElement('tbody');
        tbody.innerHTML = row;
        table.appendChild(tbody);

        console.log(tbody.innerHTML);
    };

    $(document).ready(function(){
        render();
    });
</script>

在 Chrome 和 FF 中，这正如我想象的那样工作 - 给我一个表格等。但是，在 IE9 中，innerHTML 中的第一个 HTML 标签似乎被删除了。即，而不是

<TR><TD><SPAN>col1</SPAN></TD><TD>col2</TD></TR>

我得到

<SPAN>col1</SPAN></TD><TD>col2</TD></TR>

上述的 JSFiddle： http://jsfiddle.net/pAJwu/

任何想法这是怎么回事？

Answer 1

IE 9 及以上版本不支持在某些元素上设置 innerHTML。 原因如下；该链接还包括可能的解决方法。