onMouseOver操作同级元素的属性，怎么行不通啊？

来源：百度知道 编辑：UC知道 时间：2024/06/30 06:07:41
<div id=a1>aaaaaaaaaaaaaaaaaaaa</div>
<div id=a2>bbbbbbbbbbbbbbbbbbbb</div>
<SCRIPT type=text/javascript>
var t=getElementById("a1");
var v=getElementById("a2");
fuction light(){
t.onMouseOver=v.style.background="#ff8800"
t.onMouseOut=v.style.background="#ffffff"
}
</SCRIPT>
改过来了还是不行，我不想在标签里面写onmouseover=。。。,能不能分离运行

<SCRIPT type=text/javascript>
function light(){
var hg=getElementById("hg");
var fl=getElementById("fl");
var sm=getElementById("sm");
var hglst=getElementById("hglst");
var fllst=getElementById("fllst");
var smlst=getElementById("smlst");
hg.onMouseOver=hglst.style.background-color="#ff8800";
hg.onMouseOut=hglst.style.background-color="#ffffff";
document.onLoad=light()}
</

1. 你获取对象的方法有误。
var t=document.getElementById("a1");
2.function名字你写错了，你写的是“fuction”。
3.css的没有名为“background”的属性，你查一下手册。
4.light()方法没有执行。
——————————————————————————————
看见你的留言了，当时玩呢，呵呵。
给你源码，IE6调试通过
<div id=a1>aaaaaaaaaaaaaaaaaaaa</div>
<div id=a2>bbbbbbbbbbbbbbbbbbbb</div>
<script>
var t=document.getElementById("a1");
var v=document.getElementById("a2");
var mouseOver = function(){v.style.backgroundColor="#ff8800";}
var mouseOut = function(){v.style.backgroundColor="#ffffff";}
t.attachEvent("onmouseover", mouseOver);
t.attachEvent("onmouseout", mouseOut);
</script>