请教下在firefox里的onmouseover事件该如何写

Question

IE里
 <td width="83" height="25" class="select1" onmouseover="selectBoard(0)" align="center">
                            COID
                        </td>
<td width="125" class="select2" onmouseover="selectBoard(1)"  align="center">
                            产地
                        </td>function selectBoard(n) {
    debugger
    for (i = 0; i < tabTable.cells.length; i++) {
        tabTable.cells[i].className = "select2";
        tabTable.cells[n].className = "select1";
    }
    document.getElementById("imgCoidPic").src = "../Images/coidpic" + n + ".jpg";
}
这样执行无问题，但是在firefox里执行没反应，想问下如果要改成IE和firefox通用的该怎么写？貌似要加event参数？GOOGLE了下发现不太明白

Answer 1

firefox里 去掉debugger，ff不支持这个
cells集合是tr对象的属性，不是table的。你应该
document.getElementById("table的id").rows[哪行].cells[i].className = "select2";这种格式写

Answer 2

tabTable.rows[0].cells[i]
加个rows[0]试试.
或者用getElementsByTagName()

Answer 3

我试下，难道路走错了，FIREFOX里不执行，不是因为onmouseover事件 要加event 参数判断？
而是tabTable.cells[i].className = "select2";
  tabTable.cells[n].className = "select1";   这里的问题？
debugger刚才调试用的，本来没有的

Answer 4

不需要什么event 的啊 。
你alter一下看是否进入函数就是了 。
tabTable.cells[i] 这个火狐不支持 。
原理 孟老大说得很清楚了 。

Answer 5

上边都说的很清楚了
<tr id="aa">
 <td width="83" height="25" class="select1" onmouseover="selectBoard(0)" align="center">
  COID
  </td>
 <td width="125" class="select2" onmouseover="selectBoard(1)" align="center">
  产地
  </td>
</tr> function selectBoard(n) {
 tabTable = document.getElementById('aa');
  for (i = 0; i < tabTable.cells.length; i++) {
  tabTable.cells[i].className = "select2";
  tabTable.cells[n].className = "select1";
  }
  document.getElementById("imgCoidPic").src = "../Images/coidpic" + n + ".jpg"; }

Answer 6

if (window.addEventListener) {
       obj.addEventListener(name, function, false);
}
else {  
obj.attachEvent("on"+name, function);
}

Answer 7

谢谢了，孟老大的是对的开始走错路了，发现写JS时候还是ALERT下比较好function selectBoard(n) {    for (i = 0; i < document.getElementById("tabTable").rows[0].cells.length; i++) {
        document.getElementById("tabTable").rows[0].cells[i].className = "select2";
        document.getElementById("tabTable").rows[0].cells[n].className = "select1";    }
    document.getElementById("imgCoidPic").src = "../Images/coidpic" + n + ".jpg";
}