мышь над изображением с 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 «пони» в тег img, и он должен работать. –

Я не знаю, если ваш код копируется неправильно, но вы не имеете ничего с идентификатором пони

getElementById будет искать тег с атрибутом id, указать, что и ваш код должен работать.

Идентификатор должен быть уникальным на странице. Вы также должны дать div id вместо запроса на имя класса

источник

2015-02-12 00:23:11 WindowsMaker

Фрагмент с паролем Id был слева от предыдущей попытки использовать ID для изменения изображения. Он не работал, и я удалил идентификатор, но забыл удалить ссылку на ID в скрипте. Он не работал из-за ошибок CSS и неправильной компоновки изображения. –

мышь над изображением с innerHTML

ответ

Смежные вопросы