JavaScript添加Onclick事件

Question

如何將onclick事件添加到表的特定td單元格？

我有一個表單，其中有一個我想在單擊時顯示某些內容的字段：

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

這是我正在使用的功能：

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

在這里，我試圖將onClick事件添加到td的（這些ID是td的ID）：

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> 

打開控制台以查看結果。