Question

如何将onclick事件添加到表的某个td单元格？

我有一个表单，其中我有一个字段，我想在点击显示一些东西：

<input type="text" name="tip">

这是我正在使用的功能：

function setText(day, hour){
    var tipField = document.getElementsByName('tip');
    tipField.value = day + "  " + hour;
}

这里我试图将onClick事件添加到td＆＃39; s（这些ID是td＆＃39; s）：

el[0] = document.getElementById('j1');
el[1] = document.getElementById('j2');
el[2] = document.getElementById('j3');
el[3] = document.getElementById('j4');
el[4] = document.getElementById('j5');

第一种方法：

el[1].onclick="setText('Monday', '10:00')";

第二种方法：

el.addEventListener("click", function(){
                setText('Joi','09:00');
            });

但似乎都没有效果。

Answer 1

您可以使用AddEventListener("EVENT",FUNCTION_NAME)动态添加侦听器。在这里，我们为表的所有<tr>添加CLICK

var table = document.getElementById("our_table");
console.log(table);
function DOIT(){
  console.log("TR Clicked");
  }
for(i=0;i<=table.childElementCount;i++){
  table.rows[i].addEventListener("click",DOIT);
  }

<table id="our_table">
  <tr><td>Name</td><td>Family</td>
    </tr>
  <tr><td>First Name</td><td>Last Name</td>
    </tr>
  </table>

打开控制台查看结果。

JavaScript添加Onclick事件

1 个答案: