php点击事件table,JavaScript_js生成动态表格并为每个单元格添加单击事件的方法，html: 复制代码 代码如下: <htm - phpStudy...

js生成动态表格并为每个单元格添加单击事件的方法

html:

Demo

动态表格：

script:

function getColumnDetail(column){

column.style.color = "blue"; //将被点击的单元格设置为蓝色

alert(column.innerHTML); //弹出被点单元格里的内容

}

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.οnclick= function(){getColumnDetail(this)}; //为每个单元格增加单击事件

_cell.innerText = tdData[j];

_row.appendChild(_cell);

}

}

}

调用setTable(trLineNumber,tdData)这个函数即可动态生成一个表格，并且为每个单元格都设置了一个单击事件，触发后，弹出被点单元格内容，同时数据变蓝相关阅读:

node.js中的url.parse方法使用说明

JavaScript实现在标题栏上显示当前日期的方法

C#正则表达式判断输入日期格式是否正确

实例讲解Java并发编程之ThreadLocal类

针对distinct疑问引发的一系列思考

jQuery客户端分页实例代码

通过Jquery的Ajax方法读取将table转换为Json

三种检测iPhone/iPad设备方向的方法

JAVA中AES对称加密和解密过程

Swift教程之闭包详解

PHP实现发送邮件的方法(基于简单邮件发送类)

防止密码泄露 linux命令行实用助记工具之cheat

c++编写简单的计算器程序

php创建、获取cookie及基础要点分析