javascript - document.createElement 在 ie 中不起作用

Question

嗨，我有一个表结构

<table id ="tbl1" >
            <thead>

              <tr>
                <td></td>
                <td>
<button class="btn-danger btn fileinput-button" type="button">-</button></td>
              </tr>
        </thead>
          </table>

我必须在 javascript 中构建动态行...我正在使用下面的代码生成..

            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);

            var cell1 = row.insertCell(0);
            cell1.innerHTML = filename;


            var cell2 = row.insertCell(1);
            var element2 = document.createElement("button");
            element2.type = "button";
            element2.className = "btn-danger btn fileinput-button";
            var element3 = document.createElement("span");
            element3.innerHTML = "-";
            element2.appendChild(element3);
            cell2.appendChild(element2);

上面的代码在火狐中运行良好，但在按钮 td 中没有创建。任何人都可以帮助解决这个问题。

非常感谢安娜

Answer 1

jQuery 中的替代方法：

    var filename = 'sdsd';
    var $btn = $('<button type="button">-</button>');
    $btn.attr('class', 'btn-danger btn fileinput-button');

    var $tr = $('<tr />');
    $tr.append('<td>'+filename+'</td>');
    $tr.append('<td />');
    $tr.find('td:last').append( $btn );
    $('#tbl1').append( $tr );

错误是因为您的代码中的这一行： element2.type = "button";

Answer 2

谢谢莎莉，

我已经改变了我的代码，如下所示，这也有效。

var strTableRow = "<tr><td>" + filename + "</td><td><button class='btn-danger btn fileinput-button' type='button'>-</button></td></tr>";

$('#'+tableID).append(strTableRow);

非常感谢安娜