js Table单击事件,获取表格行和列及单元格数值的方法

通过js来给table添加点击事件(如果表格新增行,就必须重新运行一次该代码,不然新增好,没有单击事件)

var
Val=document.getElementById("tb_1"); for(var i=0;i<Val.rows.length;i++) { var cells=Val.rows[i].cells; for(var j=0;j<cells.length;j++) { cells[j].onclick=function() { mui.toast(this.innerHTML);    //获取单击的值,但无法获取单击的行索引和列索引 } } }

 

第二种方法:

 

<table id="tb_1"  onclick="TabClick();">      //给Tabel加上一个Onclick();事件


function TabClick()
{
    var td = event.srcElement; // 通过event.srcElement 获取激活事件的对象 td


    alert("行号:" + (td.parentElement.rowIndex) + ",列号:" + td.cellIndex);


    td.innerHTML="dddd";        //设置单击单元格的值

}





 

posted @ 2017-09-26 14:14  唐尧  阅读(13596)  评论(0编辑  收藏  举报