Изменение имени класса div с помощью мыши с javascript

У меня проблема с событием mouseover (ну, с каждым событием, если я использую его на DIV) Моя проблема в том, что я хочу изменить ClassName div, с помощью мыши надИзменение имени класса div с помощью мыши с javascript

мой HTML-то вроде:

<head> 
<script src="code"></script> 
</head>  
<body> 
    <div>Stuff</div> 
    <div id="box" class="meme">More stuff</div> 
</body>

и мой браузер это

function change(){ 
document.getElementById("box").className = "otherName"; 

} 
window.onload= function(){ 

document.getElementById("box").onmouseover = change;  

};

Спасибо за ваше время :)

источник

2015-08-31 François

Вы c ode, похоже, работает: http://jsfiddle.net/auaLu7f8/ –

Попробуйте прослушать событие: document.getElementById ("box"). addEventListener ('mouseover', change); – WebArtisan

Каково наблюдаемое или ожидаемое поведение? – marekful

Ваш код работает. Просто добавьте класс css и проверьте. Дайте мне знать, если ожидание - это нечто иное.

function change(){ 
 
document.getElementById("box").className = "otherName"; 
 

 
} 
 
window.onload= function(){ 
 

 
document.getElementById("box").onmouseover = change;  
 

 
};

.otherName{color:red;}

<div>Stuff</div> 
 
<div id="box" class="meme">More stuff</div>

источник

2015-08-31 18:05:01

Я считаю, что ваша разметка является проблемой, а не код JS, у вас есть следующие строки:

<script src="code"></script>

Который не имеет смысла, я считаю, что вы не загружают код js на вашей странице, попробуйте сделать следующее:

<html> 
<head> 
<script type="text/javascript"> 
    function change(){ 
     document.getElementById("box").className = "otherName"; 
    } 
    window.onload= function(){ 

     document.getElementById("box").onmouseover = change;  

    }; 
</script> 
<style> 
    .meme { 
     color: red 
    } 

    .otherName { 
     color: blue 
    } 
</style> 
</head>  
<body> 
    <div>Stuff</div> 
    <div id="box" class="meme">More stuff</div> 
</body> 
</html>

источник

2015-08-31 18:06:49 taxicala

Изменение имени класса div с помощью мыши с javascript

ответ

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