2016-12-18 4 views
0

Я новичок в HTML и javascript.Я написал код, который вы хотите использовать над() javascript, когда мышь курсирует над кнопкой, но код не работает.onmouseover event on a

Просьба внести некоторые изменения в код, чтобы запустить код.

<html> 
<head> 
    <script type="text/javascript"> 
     function over() 
     { 
      document.getElementById("b1").value="You have hovered mouse over me"; 
     } 
    </script> 
</head> 
<body> 
    <button onmouseover="over()" id="b1">Hover mouse over me</button> 
</body> 

ответ

0

Вам нужно заменить текст с innerHTML как это

<html> 
<head> 
    <script type="text/javascript"> 
     function over() 
     { 
      document.getElementById("b1").innerHTML="You have hovered mouse over me"; 
     } 
    </script> 
</head> 
<body> 
    <button onmouseover="over()" id="b1">Hover mouse over me</button> 
</body> 
1

Вы должны изменить innerHTML из button элемента

document.getElementById("b1").innerHTML = "You have hovered mouse over me"; 

Ваш скрипт работает на <input type="button">

0

Ваш код работает. Дело в том, что вы не увидите value изменений в любом месте DOM, вместо этого вы должны использовать <input type='submit' value='Hover mouse over me'/> или изменить innerHTML вашего <button>, если вы хотите использовать кнопку.