JavaScript 一些事件的提问，大家进来看看

Question

HTML 部分：<table>
   <tr>
    <td id="logo0">one</td>
<td id="logo1">two</td>
    <td id="logo2">three</td>
<td id="logo3">four</td>
   </tr>
  </table>
  <input type="button" value="确定" onclick="return finalDisplay();" />
CSS部分： <style type="text/css">
 table{width:200px;margin:0;border-collapse:collapse;}
 table,td{border:1px solid green;margin:0;padding:0;}
 .pickBG{background-color:green;}
 </style>
JavaScript部分: <script type="text/javascript">
  window.onload=clickSquare;
  function clickSquare()
  {
   for(var i=0;i<4;i++)
   {
    var logo="logo"+i;
document.getElementById(logo).className="";
document.getElementById(logo).onmousedown=toggleColor;
   }
  }
  function toggleColor(evt)
  {
    if(evt)
  {var logo=evt.target;} //浏览器为非IE
else
  var logo=window.event.srcElement; //浏览器为IE时
if(logo.className=="")
   logo.className="pickBG";
else
   logo.className="";
  }
 function finalDisplay()
{
  //按钮事件？ 显示选中的格子
  //如用alert显示
}再附张图 实现选择完表格里面的格子后，点击按钮就会显示你所选的格子的ID，各位帮忙试试或给个思路

Answer 1

function finalDisplay()
{
  for(var i=0;i<4;i++)
   {
    var logo="logo"+i;
    var elem = document.getElementById(logo);
    if (elem.className == "pickBG"){
        alert(elem.id);
    }
   }
} 

Answer 2

function finalDisplay()
{  
   var selected = "";
   for(var i=0;i<4;i++)
   {
   var logo="logo"+i;
   var elem = document.getElementById(logo);
   if (elem.className == "pickBG"){
       selected += elem.id+",";  
   }
   }
   if (selected.length > 0){
       selected = selected.subString(0, selected.length-1);
   }
   alert(selected);
} 

Answer 3

思路是这样 td的onclick事件中 存下 this.cellIndex
点击确定 就这样获取alert(tableID.rows[0].cells[cellIndex].innerHTML)；