最近我在使用HTML5的表格時遇到了一個問題,需要在表格中選擇一行后觸發相應的事件。經過查找資料和嘗試,我終于成功運用了表格中選中行事件的代碼,現在和大家分享一下:
var table = document.getElementById('myTable'); //獲取表格元素 var rows = table.getElementsByTagName('tr'); //獲取表格的所有行 for (var i = 0; i< rows.length; i++) { rows[i].onclick = function() { //綁定點擊事件 console.log('你選中了第'+(this.rowIndex)+'行'); //輸出行數 }; }
上面的代碼是一個循環體,首先獲取到目標表格的元素,然后通過getElementsByTagName('tr')獲取到所有的
總之,使用HTML5的表格非常方便,而選中行事件的代碼也同樣實用,能夠快速地獲取用戶在表格中所選中的行數和相應的數據等,進一步提高了用戶的操作體驗和表格的使用效果。