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);

以上代码在Fire fox中工作正常，但是按钮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);

非常感谢安娜

document.createElement在ie中不起作用

2 个答案: