将鼠标悬停在带有innerHTML的图像上

我需要将图像替换掉。我相信它应该使用innerHTML。将鼠标悬停在带有innerHTML的图像上

<body> 

<a href="#">anime</a> 
<a href="#">ponies</a> 
<h1 class="panel">What fandom is better?</h1> 
<div class="anime"> <img src="img/anime.png"> </div> 
<div class="pony"> <img src="img/pony.png"> </div> 
<p id="answer">Choose One</p> 
</body> 
/** 
This is for element changes upon mousesing over of the area 
*/` 
document.getElementsByClassName("anime")[0].onmouseover= 
    function(){ 
     orangeBorder1(); 
     mouseAnime(); 
    } 

document.getElementsByClassName("pony")[0].onmouseover= 
    function(){ 
     orangeBorder(); 
     mousePony(); 
    } 
function mousePony(){ 
    document.getElementById("pony").src="pony1.png"; 
}

来源

2015-02-12 Hot Java

你没有任何与id“小马”，所以它不抓住任何东西。你应该将id“pony”添加到img标签中，并且它应该可以工作。 – 2015-02-12 00:18:34

如果你的代码被复制错了，但你没有小马的ID任何

的getElementById将寻找一个标签与id属性，指定我不知道你的代码应该工作。

id在页面内应该是唯一的。你也应该给该div一个ID，而不是查询类名

来源

2015-02-12 00:23:11 WindowsMaker

Id小马的片段是以前尝试使用ID更改图像的遗留问题。它没有工作，我已经删除了ID，但忘记删除脚本中对ID的引用。由于某些CSS错误和图像的链接不正确，它无法正常工作。 – 2015-02-12 16:07:17

将鼠标悬停在带有innerHTML的图像上

回答

相关问题