使用外部js文件引用td标签

Question

我正在尝试使用外部 Javascript 文件引用特定的 td id，但遇到了问题。我只是想创建一个简单的 mouseOver 事件，当用户将鼠标悬停在标记如下的表格中的图像上时，该事件将显示一些不同的内容：

<td id="lifeCalculatorButton">imagefoo</td>

在外部 Javascript 中，我会编写如下函数吗这个？：

function mouseOver(lifeCalculatorButton){
  //some code
}

正如你所看到的，我总体上有点迷失......

Answer 1

document.getElementById('lifeCalculatorButton').onmouseover = function() { ... };

...应该有帮助；）

或者，你可以走奇怪的路线：

<td id="lifeCalculatorButton" onmouseover="MouseOver()">imagefoo</td>

Answer 2

使用 getElementById

var el = document.getElementById("lifeCalculatorButton");
el.onmouseover = function(){
  //somecode
}

编辑：稍微改变一下：P