如何发送表格单元格'；javascript中onclick函数的s id

我正在动态创建一个HTML表，每个单元格都有一个id。我想将cell.id发送到onclick函数，但我不确定如何执行

window.onload=function（）{
myFunction（）；
}
函数myFunction（）{
var table=document.getElementById（“myTable”）；
var行=table.insertRow（0）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
cell1.id='a'
cell2.id='b'
cell1.innerHTML=“cell1”；
cell2.innerHTML=“cell2”；
cell1.onclick=xfunc（cell1.id）；
cell2.onclick=xfunc（cell2.id）；
}
函数xfunc（id）{
console.log（'click'，id）
}

---

您实际上是在以现在的方式调用函数。有几种方法可以正确调用函数onclick。第一个使用addEventListener，第二个使用匿名函数

addEventListener:

window.onload=function（）{
myFunction（）；
}
函数myFunction（）{
var table=document.getElementById（“myTable”）；
var行=table.insertRow（0）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
cell1.id='a'
cell2.id='b'
cell1.innerHTML=“cell1”；
cell2.innerHTML=“cell2”；
单元格1.addEventListener（'click'，xfunc，false）；
单元格2.addEventListener（'click'，xfunc，false）；
}
函数xfunc（evt）{
console.log（'click'，evt.currentTarget.id）
}

---

您实际上是在以现在的方式调用函数。有几种方法可以正确调用函数onclick。第一个使用addEventListener，第二个使用匿名函数

addEventListener:

window.onload=function（）{
myFunction（）；
}
函数myFunction（）{
var table=document.getElementById（“myTable”）；
var行=table.insertRow（0）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
cell1.id='a'
cell2.id='b'
cell1.innerHTML=“cell1”；
cell2.innerHTML=“cell2”；
单元格1.addEventListener（'click'，xfunc，false）；
单元格2.addEventListener（'click'，xfunc，false）；
}
函数xfunc（evt）{
console.log（'click'，evt.currentTarget.id）
}