最近我在使用HTML5的表格時遇到了一個問題,需要在表格中選擇一行后觸發(fā)相應的事件。經(jīng)過查找資料和嘗試,我終于成功運用了表格中選中行事件的代碼,現(xiàn)在和大家分享一下:
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)+'行'); //輸出行數(shù) }; }
上面的代碼是一個循環(huán)體,首先獲取到目標表格的元素,然后通過getElementsByTagName('tr')獲取到所有的
總之,使用HTML5的表格非常方便,而選中行事件的代碼也同樣實用,能夠快速地獲取用戶在表格中所選中的行數(shù)和相應的數(shù)據(jù)等,進一步提高了用戶的操作體驗和表格的使用效果。