Question

求教 怎么把onMouseOver 写到JS里呢？

有两个DIV，分别是 class="aba" 和 class="m01" 怎么样把下面这个鼠标触发事件写到JS里，让网页内这两个DIV触发鼠标事件呢？
onMouseOver="this.style.backgroundColor='#65CBFF';return true;" onMouseOut="this.style.backgroundColor='#EEEEEE'
网页上的HTML代码是
<div class="aba"></div>
<div class="m01"></div>
怎么样把下面这个代码写到JS里面
onMouseOver="this.style.backgroundColor='#65CBFF';return true;" onMouseOut="this.style.backgroundColor='#EEEEEE'
能控制到上面那两个DIV

Answer 1

首先要给DIV加上ID，让JS可以获取到对象！
<div id="aba" ></div>
<div id="m01" ></div>
<script>
  var obj1=document.getElementById("aba");
  var obj2=document.getElementById("m01");
  obj1.onMouseOver = function (){
      this.style.backgroundColor="#65CBFF";
      return true;
  }
  obj1.onMouseOut=function (){
      obj.style.backgroundColor="#EEEEEE";
      return true;
  }
  
  obj2.onMouseOver = function (){
      this.style.backgroundColor="#65CBFF";
      return true;
  }
  obj2.onMouseOut=function (){
      obj.style.backgroundColor="#EEEEEE";
      return true;
  }
</script>

追问

我刚加到HTML里试了 可为什么鼠标滑过 DIV背景颜色一点都不变呢？~

追答

onmouseout 和onmouseover 全部要小写
<div id="aba" style="width:500px;height:500px;" >123123123</div>
<div id="m01" style="width:500px;height:500px;">1aaa2312312312</div>
<script>
  var obj1=document.getElementById("aba");
  var obj2=document.getElementById("m01");
  obj1.onmouseover = function (){
      this.style.background="#65CBFF";
      return true;
  }
  obj1.onmouseout=function (){
      this.style.backgroundColor="#EEEEEE";
      return true;
  }
   
  obj2.onmouseover = function (){
      this.style.background="#65CBFF";
      return true;
  }
  obj2.onmouseout=function (){
      this.style.background="#EEEEEE";
      return true;
  }
</script>