<script>
function func(){
document.getElementById('wd').className='bg2';
}
</script>
<div class="bg" onMouseOver="func()" id="wd"></div>
写在DIV里就完全正常
但是
<script>
function func(){
document.getElementById('wd').onMouseOver.className='bg2';
}
</script>
<div class="bg" id="wd"></div>
就不行了I

新人吧？
document.getElementById('wd').onMouseOver=function func(){
this.className='bg2';
}

是啊，我是自己看书研究的。为什么onMouseOver需要用函数封装起来啊？

<style>
.bg{
background-image:url(1.jpg);
width:215px;
height:54px;
} .bg2{
background-image:url(2.jpg);
width:215px;
height:54px;
}
</style>
<script>
document.getElementById('wd').onMouseOver=function func(){
this.className='bg2';
}
</script>
<div class="bg" id="wd"></div>
而且鼠标经过也没反映啊I

onMouseOver全小写

没用啊也不行

script标签放到div标签之后

楼上正解 文档流从上向下执行 放在上面没执行到js

<script>
function func(){
document.getElementById('wd').className='bg2';
}
</script>
<div class="bg" onMouseOver="func()" id="wd"></div>
晕倒 可是这段script就是在DIV的上面啊？请问这到底是怎么回事，到底上面时候才需要放到DIV标签后面呢？现在很迷糊啊I

首先你要了解下DOM加载的次序，你就直接把script放到div的前面，执行的时候是早不到对象的，要放在DIV前面的话也是放到head标签里，当然你也可以用windo w的onload函数执行I

那是不是可以理解为所有的script都要写在DIV的下面，或者HRAD里，不然就用window.onload等加载完执行啊？

这是因为
div中调用了onMouseOver方法
而你上面那个你直接写在
<script>
document.getElementById('wd').onMouseOver=function func(){
this.className='bg2';
}
</script> 这里面 所以要放在div后面

声明函数并没有调用所以放哪里都一样，建议将所有代码放到body结束标签前

函数没调用

楼主你解决了吗？？？我也遇到这个问题了，放在window.onload里面执行还是什么？

<style>
*{
margin:0;padding:0;
}
.bg{
color:green;
}
.bg2{
color:pink;
}
</style>
<script>
function func(){
document.getElementById('wd').onmouseover = function(){
this.className = 'bg2';
}
}
setTimeout(func,0);
</script>
<div class="bg" id="wd">测试颜色</div>