Обмен изображениями в Javascript, как сбросить src?

Question

Привет я хочу изменить изображение, когда mousovers пользователя на изображение и после него mousleavs сброса SRC изображения, но он не работает это мой HTML-код:

<img id="myImage" onmouseover="changeImage()" onmouseleave="resetImage()" src="pic_bulboff.gif" width="100" height="180"> 

и JS:

<script> 
function changeImage() { 
    var image = document.getElementById('myImage').image.src = "pic_bulbon.gif";  
} 

function resetImage() { 
    var image = document.getElementById('myImage').image.src = "pic_bulboff.gif"; 
} 
</script> 

Answer 1

Вы Путаете ..

Использование document.getElementById('myImage').src = "pic_bulbon.gif";

____^^--------DOM Element-----------^^_Property_^^--Value--^^

Попробуйте это:

function changeImage() { 
 
    document.getElementById('myImage').src = "pic_bulbon.gif"; 
 
} 
 

 
function resetImage() { 
 
    document.getElementById('myImage').src = "pic_bulboff.gif"; 
 
}

[src="pic_bulbon.gif"] { 
 
    border: 2px solid black; 
 
} 
 
[src="pic_bulboff.gif"] { 
 
    border: 2px solid red; 
 
}

<img id="myImage" onmouseover="changeImage()" onmouseleave="resetImage()" src="pic_bulboff.gif" width="100" height="180">