0

JSで動的htmlテーブルを実行するには? jQuery を使用せずに (appendChild または innerHTML) を改善する方法。たとえば、6 つのボタンが必要です。

  • 行を追加してテーブルを開始します。
  • 行を中央に追加します。
  • 行を最後に追加します。
  • 最初の行を削除します。
  • 中央の行を削除します。
  • 最後の行を削除します。
4

2 に答える 2

0 
var table=document.getElementById('table')
    var x;
    for( var j=0; j<list.length; j++){
        x=table.insertRow(-1);
        for(var i=0; i<40; i++)
            x.insertCell(i).innerHTML=list[j][i];

これが動的テーブルの作成方法です。その後、追加または削除する行にインデックスを付けることができます。これはすべてDOM属性を使用してJSで行われます（JQについてはよくわかりませんが、翻訳できると確信しています）このアプローチでは、テーブルの中央の行を見つける関数を追加できます。また、ユーザーがテーブル内の任意の場所で行を追加または削除するのを簡単にしたい場合は、送信するインデックスに応じて動的に追加するため、このメソッドを使用できます。

table.deleteRow(table.rows.length-1);//deletes last row
table.deleteRow(0); //deletes first row

DOM テーブル メソッドの詳細については、http ://www.javascriptkit.com/domref/tablemethods.shtml を参照してください。

于 2012-05-18T12:59:25.033 に答える