html:
復制代碼 代碼如下:
<html>
<head>
<title>Demo</title>
</head>
<body>
<label >動態表格：</label><br/>
<table>
<tbody>
</table>
</body>
</html>
復制代碼 代碼如下:
<script>
function getColumnDetail(column){
column.style.color = "blue"; //將被點擊的單元格設置為藍色
alert(column.innerHTML); //彈出被點單元格里的內容
}
<!--trLineNumber為動態表格行數，tdData為動態表格每行單元格的數據，數據類型為數組-->
function setTable(trLineNumber,tdData){
var _table = document.getElementById("table");
var _row;
var _cell;
for (var i = 0; i < trLineNumber; i++) {
_row = document.createElement("tr");
document.getElementById("table").appendChild(_row);
for(var j = 0; j < tdData.length; j++) {
_cell = document.createElement("td");
_cell.onclick= function(){getColumnDetail(this)}; //為每個單元格增加單擊事件
_cell.innerText = tdData[j];
_row.appendChild(_cell);
}
}
}
</script>
新聞熱點
疑難解答
圖片精選
