700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > js生成动态表格并为每个单元格添加单击事件办法【javascript】

js生成动态表格并为每个单元格添加单击事件办法【javascript】

时间:2018-09-04 14:24:05

相关推荐

js生成动态表格并为每个单元格添加单击事件办法【javascript】

web前端|js教程

动态表格,单元格,单击事件

web前端-js教程

html:

爱奇艺网站源码,vscode运行lua,ubuntu标志,tomcat启动管理,sqlite支持字段长度,wordpress插件源代码,前端可视化编辑框架,爬虫采集的数据准确吗,支付宝接口开发 php,临沂seo计费管理,免费国外网站模板,游戏网页导航栏代码,文章页单页模板lzw

Demo

script:

校友平台源码,ubuntu 关闭键右边,tomcat是什么中文意思,youtube评论爬虫,php网站搭建工具,黑枸杞seolzw

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

_cell.innerText = tdData[j];

_row.appendChild(_cell);

}

}

}

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

php 产品展示 源码,vscode小写快捷键,ubuntu系统省电,去除项目名tomcat,松鼠吃爬虫,php fpm 重启命令,济宁优化seo软件公司,小说网站分成系统,破解wp模板lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。