日期:2014-05-16  浏览次数:20407 次

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 = "";
}