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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

將onclick事件添加到表行

將onclick事件添加到表行

楊魅力 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 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號