元の質問は次のとおりです。オブジェクト メソッドを使用して 2x2 テーブルを作成し、2 行目と 2 列目のセルにボタンが必要です。このボタンをクリックすると、1 行目と 1 列目の値が になります。 2 番目と同じ行の最初の列の値を交換します。下の図を参照してください
1. テーブルオブジェクトを作成します
<頭>
ドキュメント
<スタイル>
テーブル td{text-align: center;}
オブジェクトを使用してテーブルを作成する
<スクリプト>
var table={
値1:"値1",
値2:"値2",
行:2、
セル:2、
create:function(){
//テーブルを作成
var table=document.createElement("table");
table.border=1;
table.width="500";
//作成ボタン
var button=document.createElement("button");
button.innerHTML="スイッチ";
button.name="qiehuan";
button.setAttribute("onclick","qiehuan()");
//行を作成
for(var i=0;i
table.insertRow();
}
//列を作成
for(var i=0;i
table.rows[i].insertCell();
table.rows[i].insertCell();
}
//ボディにテーブルを追加
Document.body.appendChild(table);
var table=document.getElementsByTagName("table")[0];
var row1=table.rows[0];
var row2=table.rows[1];
table.rows[1].cells[1].appendChild(button);
var a=row1.cells[0].innerHTML=this.value1;
var b=row2.cells[0].innerHTML=this.value2;
}
}
table.create();
