javascript - mootools: new Element() - 无法在 IE 中使用

Question

我正在尝试创建一堆元素并将它们插入到表格中。在 FF 和 Chrome 中，我的代码工作正常，但在 IE 中，当我按下“插入行”按钮时没有任何反应。没有错误或任何东西:\

我已将我的代码精简为一个简单的示例，以尝试找出我做错了什么。

function insert_row(){
    //get table element
    var filterTable = $('table_search_filter');

    //create new objects
    var tr = new Element('tr');
    var td1 = new Element('td');
    var td2 = new Element('td');        
    var td3 = new Element('td');
    var select_project = new Element('select', {'id':'select_secondary_' + filterCounter});


    //add elements to table
    td2.grab(select_project);
    tr.grab(td1);   
    tr.grab(td2);   
    tr.grab(td3); 
    filterTable.grab(tr);
}

当我写出我的 tr 元素 innerHTML 时，我在 FF 和 IE 中得到不同的结果:

FF - <td></td><td><select id="select_secondary_0"></select></td><td></td>

IE - <TD></TD><TD><SELECT id=select_secondary_0></SELECT></TD><TD></TD>

所以看起来 IE 处理它的方式不同。首先，标签是大写的，这不好。其次，我的 id 没有 ' 字符。为什么？我现在真的很困惑，漫长的一天:\

Answer 1

我记得某个版本的 IE 有一个问题，如果你的表格中没有 tbody/thead 元素，它就不会动态创建表格元素。