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";        //設置單擊單元格的值

}





 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM