为了账号安全,请及时绑定邮箱和手机立即绑定

关于一个函数同时分别控制多个对象

我这里有三个对象:

        <a href="#"><img id="a" src="1" alt="1"></a>

        <a href="#"><img id="a" src="2" alt="2"></a>

        <a href="#"><img id="a" src="3" alt="3"></a>

现在写一个函数:

window.onload = function(){

    var eDiv = document.getElementById("a");

    eDiv.onmouseover = function(){

        startMove(50);

    }

        eDiv.onmouseout = function(){

        startMove(100);

    }

}

能使这三个对象都实现这个功能吗,如果不可以应该怎样设置呢?

正在回答

1 回答

使用getElementsByTagName来获取‘a’,此时获取的是一个数组对象,包含3个‘a’对象;然后通过数组编号来准确获取其中一个,或者通过循环遍历这个数组来对这3个进行设置。

一段程序里面id只能是唯一的,不能有两个相同ID,在这儿你可以把ID改为class,然后用getElementsByClassName来获取对象,之后是一样的。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

关于一个函数同时分别控制多个对象

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信