在向元素声明id后,可以使用onClick吗?

时间:2014-11-19 17:08:56

标签: javascript html

我必须制作一个Tic Tac Toe计划,我有一个关于id和onClicks的问题。我的问题是:在向元素声明id之后,你可以使用onClick吗?我的意思是这个。



<td id="t1" onClick='t1'></td>
&#13;
&#13;
&#13;

因为当我点击那个单元格时,我想要做的是,在该单元格中出现一个X,我会为其他九个单元格写出。

2 个答案:

答案 0 :(得分:0)

我相信你会做这样的事情

<td id="t1" onclick="this.innerHTML = "X">

或者你可以使用this.innerText,但是应该这样做。

答案 1 :(得分:0)

使用背景图片而不是颜色,可以使用一些样式

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>