【HTML】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";　　　　　　　　//设置单击单元格的值			
  }

最后

以上就是魁梧魔镜为你收集整理的【HTML】js Table单击事件，获取表格行和列及单元格数值的方法的全部内容，希望文章能够帮你解决【HTML】js Table单击事件，获取表格行和列及单元格数值的方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。