html: コードをコピーします コードは次のとおりです。 デモ " > 動的テーブル: スクリプト: > コードは次のとおりです: </u>function getColumnDetail(column){ </a>column.style.color = "blue"; cell to blue Color</span>alert(column.innerHTML); //クリックされたセルの内容をポップアップします</div>} <div class="codebody" id="code52527"><!--trLineNumber は動的テーブルの行数、tdData は動的テーブル内のセルの各行のデータ、データ型は array-->function setTable(trLineNumber,tdData){ <BR>var _table = document.getElementById("table"); _row; <BR>var _cell; <BR> for (var i = 0; i < trLineNumber; i ) { <BR>_row = document.createElement("tr"); ).appendChild(_row); <BR>for (var j = 0; j < tdData.length; j ) { <BR>_cell = document.createElement("td"); <BR>_cell.onclick= function( ){getColumnDetail(this)}; // 各セルにクリック イベントを追加します <BR>_row.appendChild(_cell); } <BR>} <BR>< /script> <br><br> <br>setTable(trLineNumber,tdData) 関数を呼び出してテーブルを動的に生成し、各セルにクリック イベントを設定します。クリックしたセルの内容がポップアップ表示され、データが青色に変わります。</div>
