關于一個函數同時分別控制多個對象
我這里有三個對象:
????????<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);
? ? }
}
能使這三個對象都實現這個功能嗎,如果不可以應該怎樣設置呢?
2018-09-12
使用getElementsByTagName來獲取‘a’,此時獲取的是一個數組對象,包含3個‘a’對象;然后通過數組編號來準確獲取其中一個,或者通過循環遍歷這個數組來對這3個進行設置。
一段程序里面id只能是唯一的,不能有兩個相同ID,在這兒你可以把ID改為class,然后用getElementsByClassName來獲取對象,之后是一樣的。