您可以在向元素声明 id 后立即使用 onClick 吗?

Can you use an onClick right after declaring an id to an element

本文关键字：onClick id 声明 元素      更新时间：2023-09-26

我必须制作一个井字游戏程序，我有一个关于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>

相关文章：