*********js 的小问题*************

[RHCL]

页面上放置<span>，想用js为它加上这么一个效果:
onmouseover='c=this.style.backgroundColor;this.style.backgroundColor='red'" onmouseout="this.style.background=c"
虽然可以在每个span上加上这句．但是span太多．有没有方法使整个页面的span加上这效果．也就是用js遍历再加．求方法

[benjaminwu198818]

很久没有来csdn了，所以见贴就回…

[niuxinlong]

var allSpan = document.getElementsByTagName("span");
for(var i=0;i<allSpan.length;i++)
{
var spans = allSpan[i];
这里就可以调用对象的方法了，
}

[xiaojing7]

[code=HTML]
<span>aaaaaa</span>

<span>bbbb</span>

<span>cccccc</span>

<script type="text/javascript">
window.onload=function(){
var obj=document.getElementsByTagName("span");

for(var i=0; i< obj.length; i++)
{
obj[i].onmouseover=function(i){
return function(){
obj[i].style.backgroundColor='red';
}
}(i);
obj[i].onmouseout=function(i){
return function(){
obj[i].style.backgroundColor='white';
}
}(i);
}
};
</script>
[/CODE]

[pengpeng107]

用js太麻烦 用CSS中的伪类 hover表示鼠标悬停样式 link表示原始样式

[RHCL]

[Quote=引用 4 楼 pengpeng107 的回复:]
用js太麻烦 用CSS中的伪类 hover表示鼠标悬停样式 link表示原始样式
[/Quote]
喏．浏览的兼容还要考虑．３L的不错．结贴～