我必须制作一个井字游戏程序,我有一个关于id和onClicks的问题。我的问题是:您可以在向元素声明 id 后立即使用 onClick 吗?我的意思是这个。
<td id="t1" onClick='t1'></td>
因为我想做的是当你点击那个单元格时,那个单元格中会出现一个X,我会为其他九个单元格写这个。
我相信你会做这样的事情
<td id="t1" onclick="this.innerHTML = "X">
或者你可以使用this.innerText,但这应该可以做到。
使用背景图像而不是颜色,可以做一些样式
var per1="1";
var cells=document.getElementsByTagName('td');
for(var i=0;i < cells.length;i++){
cells[i].addEventListener('click',function(){addGO(this);
}
)};
function addGO(theCell){
var j=theCell;
if(per1 == "1"){
//alert('1');
j.className +="person1"; per1="0";
}
else
{j.className +="person2";per1="1";}
}
td{width:50px;height:50px;border:1px solid black;}
.person1{background-color:red;}
.person2{background-color:blue;}
<table >
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>