欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js生成動(dòng)態(tài)表格并為每個(gè)單元格添加單擊事件的方法

 更新時(shí)間：2014年04月14日 15:11:58   作者：  
這篇文章主要介紹了使用javascript生成動(dòng)態(tài)表格并為每個(gè)單元格添加單擊事件,需要的朋友可以參考下
html:
復(fù)制代碼 代碼如下:

<html>
<head>
<title>Demo</title>
</head>
<body>
<label style="font-size:20px;width:600px;" >動(dòng)態(tài)表格：</label><br/>
<table border="1">
<tbody id="table">
</table>
</body>
</html>

script:
復(fù)制代碼 代碼如下:

<script>
function getColumnDetail(column){
column.style.color = "blue"; //將被點(diǎn)擊的單元格設(shè)置為藍(lán)色
alert(column.innerHTML); //彈出被點(diǎn)單元格里的內(nèi)容
}
<!--trLineNumber為動(dòng)態(tài)表格行數(shù)，tdData為動(dòng)態(tài)表格每行單元格的數(shù)據(jù)，數(shù)據(jù)類(lèi)型為數(shù)組-->
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)}; //為每個(gè)單元格增加單擊事件
_cell.innerText = tdData[j];
_row.appendChild(_cell);
}

}
}
</script>

調(diào)用setTable(trLineNumber,tdData)這個(gè)函數(shù)即可動(dòng)態(tài)生成一個(gè)表格，并且為每個(gè)單元格都設(shè)置了一個(gè)單擊事件，觸發(fā)后，彈出被點(diǎn)單元格內(nèi)容，同時(shí)數(shù)據(jù)變藍(lán)

相關(guān)文章

最新評(píng)論