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

Html:
复制代码代码如下所示:


演示


动态形式:






脚本:
复制代码代码如下所示:

功能getcolumndetail(列){
column.style.color =蓝色; / /将被设置为点击蓝色细胞
警报(列。innerHTML); / /流行是单元格内容
}

功能设置(trlinenumber,tddata){
无功_table = document.getelementbyid(表);
无功_row;
无功_cell;
对于(var i = 0;i < trlinenumber;i++){
_row = document.createelement(TR);
document.getelementbyid(表)。AppendChild(_row);
对于(var j = 0;J < tddata.length;j++){
_cell = document.createelement(TD);
_cell。onclick =(功能){ getcolumndetail(这)}; / /添加点击事件的每一个细胞
_cell.innertext = tddata {,};
_row.appendchild(_cell);
}

}
}


呼叫设置(trlinenumber,tddata)功能可以生成一个表的动态,并设置单击事件的每一个细胞。触发后,它会弹出点单元格的内容,数据会变蓝。