Question

我遇到了鼠标悬停事件的问题（好吧，如果我在DIV上使用它，每个事件都有）我的问题是我想通过鼠标悬停

来更改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;    

};

感谢您的时间：）

Answer 1

您的代码正常运行。只需添加css类并验证即可。如果期望是别的，请告诉我。

＆＃13;

function change(){
document.getElementById("box").className = "otherName";

}
window.onload= function(){

document.getElementById("box").onmouseover = change;    

};

＆＃13;

.otherName{color:red;}

＆＃13;

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

＆＃13;

Answer 2

我相信你的标记是问题，而不是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>

使用鼠标悬停用javascript更改div的类名

2 个答案: