1

こんにちは私はテーブル構造を持っています

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

上記のコードは Firefox では問題なく動作しますが、ボタン td では作成されません。誰でもこれを助けることができますか？

どうもありがとうアンナ

4

2 に答える 2

0

ありがとう、サリー

以下のようにコードを変更しましたが、これも機能しています。 

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

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

どうもありがとうアンナ

于 2012-07-17T07:40:06.597 に答える
0

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

エラーは、コード内の次の行の coz です。 element2.type = "button";

于 2012-07-17T07:05:36.367 に答える