用javascriptoverwrite改變div的classname

我有一個mouseover事件的問題（當然，如果我在DIV上使用它，每個事件）我的問題是我想改變一個div的ClassName，通過使用鼠標用javascriptoverwrite改變div的classname

我的HTML是一樣的東西：

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

，我的JavaScript是這個

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

} 
window.onload= function(){ 

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

};

謝謝您的時間:)

來源

2015-08-31 François

You 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

用javascriptoverwrite改變div的classname

回答

相關問題