Question

JS把onmouseover和out事件放入JS中后不生效，求解！

<div class="ftnav_1">
<ul id="ftn_1">
<li><a href="/">1</a></li>
<li><a href="/">2</a></li>
<li><a href="/">3</a></li>
<li><a href="/">4</a></li>
</ul>
</div>

<script>
var fot = document.getElementById("ftn_1").getElementsByTagName("li");
for(var i=0;i<fot.length;i++)
{
fot[i].onmouseover = function()
{
document.getElementById("ftn_1").className="ftnav_ho1";
}

fot[i].onmouseout = function()
{
document.getElementById("ftn_1").className="ftnav_1";
}
}
</script>
JS不生效 求高手解答

Answer 1

var fot = document.getElementById("ftn_1").getElementsByTagName("li");
这个语句本来就有问题。
document.getElementById("ftn_1").得到的是一个UI的对象，在调用getElementsByTagName("li");肯定是空。那么下面的循环就不走了
你直接用var fot = documentgetElementsByTagName("li");

追问

就是我是想当鼠标指向id=ftn_1下面的li时候替换id=ftn_1的class，因为这个JS要重复用几次但是id不一样，应该怎么写呢，球大侠指教！

追答

对啊，。你直接用documentgetElementsByTagName("li");就可以得到所有的li了啊。然后调用onmouseover不就可以了
你是想说li山一层的ul的ID不一样么？那你就用li的parentNode方法来找到她的父对象，不要用getid的

追问

我是小白啊，大虾能写给我看下不←。。←，我都快纠结死了

追答

var li = document.getElementsByTagName("li"); --获取页面所有的li
for (var i = 0; i

Answer 2

你要的效果根本不用把事件绑定到li里呀，直接绑定ul 即可：
var fot = document.getElementById("ftn_1");
fot.onmousemove = function(){this.className="ftnav_ho1"};
fot.onmouseout = function(){this.className="ftnav_1"};

追问

其实我是要指向ul里的li 改变 ul外面那个DIV的CLSS，可能我没把效果图放上来大家不知道我要什么效果，不过非常感谢哈！ 上面的朋友先回答的我采纳他的了！

Answer 3

直接用documentgetElementsByTagName("li");或者用Jquery的$('.ftn_1 li')也可以

Answer 4

class加到ul上面了，你想加到div上面？