如何在此代码中将click事件添加到表格单元格?

sri*_*h_k 4 javascript

在此代码中,我想使用javascript使表格单元格可单击.

还请告诉我如何使用click事件使用i,j值.

<!DOCTYPE html>
<html>
<head>
<style>
 td 
 {
   height : 30px;
   width : 30px;
   cursor: pointer;
 }
</style>

<script>
function clickHere(){
var table = document.getElementById("myTable");
var row ;
var cell;
for(var i=0;i<2;i++){
  row = table.insertRow(i);
  for(var j=0;j<2;j++){
    cell = row.insertCell(j);
  }
 }
}
</script>
</head>

<body onload="clickHere()">
 <table id = "myTable" border="1"></table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Dan*_*gen 7

添加此代码:

cell.addEventListener("click",function(){
    alert("cell clicked");
});
Run Code Online (Sandbox Code Playgroud)

在这段代码之后:

cell = row.insertCell(j);
Run Code Online (Sandbox Code Playgroud)

它将为每个单元格添加事件侦听器.单击时,它将显示警报.