数码资讯
js生成动态表单,并为每个单元格添加一个单击事件的方法。
Html: 复制代码代码如下所示: 演示 动态形式: 脚本: 复制代码代码如下所示: 功能getcolumndetail(列){ column.style.color =蓝色; / /将被设置为点击蓝色细胞 警报(列。innerHTML); / /流行是单元格内容 } 功能设置(trlinenumb
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
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)功能可以生成一个表的动态,并设置单击事件的每一个细胞。触发后,它会弹出点单元格的内容,数据会变蓝。
复制代码代码如下所示:
演示
动态形式:
脚本:
复制代码代码如下所示:
功能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)功能可以生成一个表的动态,并设置单击事件的每一个细胞。触发后,它会弹出点单元格的内容,数据会变蓝。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。