`
yuelangyc
  • 浏览: 459785 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js特效-同时控制多个div层显示隐藏

阅读更多
id是一个元素的唯一标识,按照编程规范,
应当保证id在当前DOM中是唯一的,不可以存在多个相同id的元素。

虽然有多个相同的id并不会导致js报错,
但是当用document.getElementById()等等方法通过id去获得元素时,
只能获得第一个出现的该id元素。

id和name不同,name可以重复,
所以document.getElementsByName()获得的是一个数组,
document.getElementById()获得的是一个元素。

仔细看,函数名当中的element一个是复数一个是单数。
可以把那些div的name设置成一样,
然后document.getElementsByName()得到你的div数组,
遍历这个数组,把每个div的style.display设为空

var div_array = document.getElementsByName("你的div的name"); 
for(i=0;i<div_array.length;i++)
{
//或者赋值为"block"、"inline",看你想怎么显示了必须有引号
div_array[i].style.display = ""; 
}
分享到:
评论
2 楼 zhangyf111 2014-04-21  
1 楼 whzjjj410 2013-03-06  
[/color[color=brown]]风光好
Global site tag (gtag.js) - Google Analytics