Javascript OnMouseOver 没有属性

Question

我试图触发 javascript onMouseOver 事件，但我的每个锚点属性都没有 onMouseOver 属性。实际上，当用户将鼠标悬停在某个元素上时，我想显示一些其他锚点，但我什至无法收到工作警报。我不断收到以下错误：

Uncaught TypeError: Cannot call method 'getElementsByTagName' of null

这对我来说没有意义，因为如果我警告 getElementById() 我最终得到一个 DIV 元素，然后它应该获取该 div 元素内的所有锚标记...不知道我缺少什么。

JSFiddle 链接： http://jsfiddle.net/NfTtq/

另请注意，我正在执行此 Javascript 而不是 JQuery ：S

Answer 1

您试图在元素存在之前找到该元素，您可以在 jsfiddle 中通过从左侧选择 onDomReady 而不是 no wrap (head) 来执行此操作

另一个问题是 onMouseOver，javascript 区分大小写，因此只有 onmouseover 可以工作。

这里是更新的jsfiddle：

http://jsfiddle.net/NfTtq/1/

Answer 2

您在加载 html 之前执行脚本，因此需要将其放入 window.onload

http://jsfiddle.net /NfTtq/5/

window.onload= function()
    {

      var node = document.getElementById('navFloat').getElementsByTagName('a');
      node[0].onmouseover = function()
        {
            alert('yes');
            document.getElementById('homeDrop').style.display = 'block';            
        }
}

Answer 3

当在 DOM 上调用时，onMouseDown 事件仅以小型大写字母编写。这对我有用：

var node = document.getElementById('navFloat').getElementsByTagName('a');
node[0].onmouseover= function()
{
    document.getElementById('homeDrop').style.display = 'block';
}

Answer 4

这段代码适用于所有浏览器......

<p>
<a href="/">
<img alt="Ovdje uključiti " 
src="errorimages/normal.png" 
onmouseover="this.src='errorimages/hover.png'" 
onmousedown="this.src='errorimages/press.png'" 
onmouseup="this.src='errorimages/hover.png'" 
onmouseout="this.src='errorimages/normal.png'"
></a>
</p>