Javascript 单击td元素，只有这个元素会更改

我对onclick事件有异议。 我有一个3*3的表，当我点击一个td元素时，我只想改变这个。 守则：

var CaseID=新数组（1,2,3,4,5,6,7,8,9）；
var table=document.createElement（“表”）；
对于（a=0；a<3；a++）{
var tr=document.createElement（“tr”）；
对于（b=0；b<3；b++）{
var td=document.createElement（“td”）；
td.onclick=函数（）{
//这里我想把背景颜色改成红色，但只为我按下的那个
};
tr.appendChild（td）；
}
表1.儿童（tr）；
}
document.body.appendChild（表）；
对于（c=0；c

表格{
边界塌陷：塌陷；
}
tr，td{
高度：50px；
宽度：50px；
边框：1px#000实心；
}

您只需设置其style属性的backgroundColor，如下所示。在onclick函数中，

此

引用元素

var CaseID=新数组（1,2,3,4,5,6,7,8,9）；
var table=document.createElement（“表”）；
对于（a=0；a<3；a++）{
var tr=document.createElement（“tr”）；
对于（b=0；b<3；b++）{
var td=document.createElement（“td”）；
td.onclick=函数（）{
this.style.backgroundColor='red'；
};
tr.appendChild（td）；
}
表1.儿童（tr）；
}
document.body.appendChild（表）；
对于（c=0；c

表格{
边界塌陷：塌陷；
}
tr，td{
高度：50px；
宽度：50px；
边框：1px#000实心；
}

等等什么。。。我肯定我以前试过这个。。。好。。。非常感谢，这很有效！