Изменить img для текста с помощью onmouseover - PullRequest
Новая
       34

Изменить img для текста с помощью onmouseover

0 голосов
/ 21 марта 2019

Я хочу изменить изображение и текст, когда наведу курсор. Я хочу, чтобы при наведении курсора отображалось изображение, а при наведении курсора на изображение - текст, а при наведении курсора на текст - возвращалось изображение.

Я знаю, что проще с jQuery или CSS, но мне нужно сделать с Javascript.

Я использую этот код, когда я передаю курсор над изображением, он меняет текст для изображения, но когда я передаю курсор над текстом, не меняю изображение для текста.

Кто-нибудь может мне помочь? 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>


<h1>Events i Objectes del DOM - 2</h1>


<div id="elem1">
<img src="snatch.jpg" onmouseover="mode1()" onmouseleave="mode2()">
</div>

<script type="text/javascript">

function mode1(){
    anterior = document.getElementById("elem1").innerHTML;
    document.getElementById("elem1").innerHTML = "Lorem ipsum lorem ipsum...";
}

function mode2(){
    document.getElementById("elem1").innerHTML = anterior;
}

</script>



</body>
</html>
...