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는 동적 테이블의 각 셀 행 데이터, 데이터 유형은 배열입니다. <BR>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") <BR>document.getElementById("table" ).appendChild(_row); <BR>for (var j = 0; j < tdData.length; j ) { <BR>_cell = document.createElement("td") <BR>_cell.onclick= function( ){getColumnDetail(this)}; // 각 셀에 클릭 이벤트를 추가합니다 <BR>_cell.innerText = tdData[j] <BR>_row.appendChild(_cell) <BR><BR> } <BR>} <BR>< /script> <br><br> <br>setTable(trLineNumber,tdData) 함수를 호출하여 동적으로 테이블을 생성하고, 각 셀에 대한 클릭 이벤트를 설정합니다. 클릭한 셀에 내용이 표시되고 데이터는 파란색으로 변합니다.</div>
