首頁猿問將onclick事件添加到表行

將onclick事件添加到表行

JavaScript Html/CSS

楊魅力 2019-11-18 14:25:56

我試圖通過Javascript向表行添加onclick事件。function addRowHandlers() { var table = document.getElementById("tableId"); var rows = table.getElementsByTagName("tr"); for (i = 1; i < rows.length; i++) { row = table.rows[i]; row.onclick = function(){ var cell = this.getElementsByTagName("td")[0]; var id = cell.innerHTML; alert("id:" + id); }; }}這在Firefox中可以正常工作，但是在Internet Explorer（IE8）中，我無法訪問表格單元格。我認為這與onclick函數中的“ this”被標識為“ Window”而不是“ Table”（或類似的東西）有關。如果我可以訪問當前行，則可以getElementById在onclick函數中執行，因為我找不到這樣做的方法。有什么建議么？

查看完整描述

3 回答

白衣非少年

TA貢獻1155條經驗獲得超0個贊

這樣的事情。

function addRowHandlers() {

var table = document.getElementById("tableId");

var rows = table.getElementsByTagName("tr");

for (i = 0; i < rows.length; i++) {

var currentRow = table.rows[i];

var createClickHandler = function(row) {

return function() {

var cell = row.getElementsByTagName("td")[0];

var id = cell.innerHTML;

alert("id:" + id);

};

currentRow.onclick = createClickHandler(currentRow);

}

反對回復 2019-11-18

慕桂英546537

TA貢獻1848條經驗獲得超10個贊

我認為對于IE，您將需要使用Event對象的srcElement屬性。如果jQuery是您的選擇，則可能要考慮使用它-因為它會為您抽象出大多數瀏覽器差異。jQuery示例：

$("#tableId tr").click(function() {

alert($(this).children("td").html());

});

反對回復 2019-11-18

慕田峪9158850

TA貢獻1794條經驗獲得超8個贊

這是@redsquare和@SolutionYogi上面討論的同一純Javascript（不是jQuery）解決方案的緊湊且更簡潔的版本，該解決方案onclick在所有主要的Web瀏覽器中都可以使用，其中包括：最新的IE11：

function addRowHandlers() {

var rows = document.getElementById("tableId").rows;

for (i = 0; i < rows.length; i++) {

rows[i].onclick = function(){ return function(){

var id = this.cells[0].innerHTML;

alert("id:" + id);

};}(rows[i]);

}

window.onload = addRowHandlers();

注意：為了使其也能在IE8中工作，請this使用function(myrow)@redsquare所建議的顯式標識符代替指針。最好的祝福，

反對回復 2019-11-18

3 回答
0 關注
594 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

將onclick事件添加到表行

將onclick事件添加到表行

3 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

將onclick事件添加到表行

將onclick事件添加到表行

3 回答

相關問題推薦

添加回答