问题如图关于js

window.onload=function (){
// 获取元素\

var oMainImg=document.getElementById("mainImg"); // 获取最外层的 DIV
var oImgInfo=document.getElementById("imgInfo"); // 获取显示信息的DIV
var oInfoBg=document.getElementById("infoBg"); // 获取背景

// 把设置信息背景的透明度
if(document.all){ // IE
oInfoBg.style.filter="alpha(opacity:60)";
}else{
oInfoBg.style.opacity=0.6;
}

// 添加事件
oMainImg.onmouseover=function (){
oImgInfo.style.display="block";
}
oMainImg.onmouseout=function (){
oImgInfo.style.display="none";
}

}

<div id="mainImg">
<!-- 这里是显示图片信息 -->
<div id="imgInfo">
<span id="infoBg"></span> <!-- 这个是信息的背景,因为要用到透明效果,所有把背景单独出来 -->
这里写要显示的信息
</div>
<!-- 这里显示图片 -->
<div id="imgList">
<img src="logo/3.jpg"/>

</div>
</div>

问题描述：有两个相同的第二段代码，js只作用在第一个，解决的方法是是什么。。

---

document.getElementById()
id只能是唯一的，循环出来只会是第一个。

写2个ID，或者写CLASS循环遍冲腔历出class。

用JQUERY会简段判没单一握纳些。

---

给拆信竖你旅大坦纳写好了，望采纳

---