`
yuelangyc
  • 浏览: 456329 次
  • 性别: 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]]风光好

相关推荐

    网页JS特效-点击DIV展开JS+DIV网页特效

    在网页设计中,JavaScript(JS)经常被用来增强用户体验,其中一种常见的应用就是实现点击元素后展开或隐藏其他内容的特效。在这个特定的案例中,我们关注的是"点击DIV展开JS+DIV网页特效",这涉及到JavaScript与...

    javascript经典特效---用鼠标弹出隐藏层.rar

    此外,为了保证在没有JavaScript支持的浏览器中也能正常显示,通常会使用CSS类来控制隐藏层的初始状态,并在JavaScript生效时修改这些类。这种方法称为渐进增强,它确保了网站的基本功能对所有用户都是可用的,同时...

    javascript经典特效---层的限时显示.rar

    "层的限时显示"就是一种常见的JavaScript特效,它用于在一定时间间隔内显示或隐藏特定的页面元素,常用于提示信息、广告展示或加载动画等。 在"层的限时显示.htm"这个文件中,我们可以预见到它包含了一个实现层限时...

    javascript经典特效---浮动的变色层.rar

    在本案例中,"javascript经典特效---浮动的变色层.rar" 提供了一个经典的JavaScript实现,即一个浮动并变色的层(layer)效果。这个效果通常用于吸引用户的注意力或者增加网站的视觉吸引力。 首先,我们要理解什么...

    javascript经典特效---图片虚幻显示.rar

    总的来说,"javascript经典特效---图片虚幻显示.rar"的内容可能涉及JavaScript的DOM操作、事件处理、CSS样式控制、动画制作等多个方面,通过这些技术实现了一种独特的图片展示效果,增加了网页的互动性和视觉吸引力...

    javascript经典特效---每次关闭效果不同的层.rar

    在JavaScript中,我们可以使用DOM(Document Object Model)来操作页面元素,包括创建、修改和控制层(也称为div元素)。层在网页设计中经常用来显示提示信息、弹窗或者进行交互设计。而关闭效果的不同,主要通过...

    javascript经典特效---显示隐藏内容.rar

    这个主题涉及到DOM操作、CSS样式控制以及事件监听等多个知识点。以下将详细阐述这些内容。 首先,JavaScript通过Document Object Model (DOM) 来与HTML页面进行交互。DOM是一种编程接口,它允许我们读取、修改或...

    漂亮的网站源码30个【华丽的JS特效+DIV控制布局】

    漂亮的网站整站源码30个【DIV控制布局+华丽的JS特效】 30个漂亮的网站源码 所有网站都采用CSS控制样式展现,没有table,都是DIV控制布局!更有一些网站有华丽丽的JS特效。 36个网站中包含了各行各业的网页设计,譬如...

    div-轮播JS网页特效

    在轮播效果中,通常会用多个div来分别包裹每一张图片或内容,然后通过JavaScript来控制这些div的显示和隐藏,实现轮播效果。JS(JavaScript)是网页动态效果的核心,它可以实时修改页面的DOM结构,控制页面元素的...

    js特效--雪花飘效果

    1. **创建雪花元素**:利用JavaScript动态创建多个表示雪花的HTML元素,比如`&lt;div&gt;`,并设置其初始位置、大小、颜色等属性。 2. **设置定时器**:使用`setInterval`函数,每隔一定时间更新每个雪花的坐标,让它们...

    javascript经典特效---下雨.rar

    在这个下雨特效中,可能需要创建多个HTML元素,如&lt;div&gt;或,来模拟雨滴,并通过JavaScript动态改变它们的位置和透明度,从而创造出雨水下落的视觉效果。 其次,了解JavaScript的时间和动画处理是必不可少的。通常,...

    javascript经典特效---多页面文字显示.rar

    在"多页面文字显示"这个主题中,我们主要探讨的是如何利用JavaScript技术实现在多个页面间有效地展示和切换文字内容,提升用户体验。下面将详细阐述相关知识点。 1. **DOM操作**:DOM(Document Object Model)是...

    javascript经典特效---很酷的文字滚动显示.rar

    在这个“很酷的文字滚动显示”项目中,我们主要探讨的是如何利用JavaScript来创建一个吸引人的文字滚动显示特效。 首先,我们需要了解HTML(超文本标记语言)作为页面的基础结构,它是JavaScript交互的对象。在...

    javascript经典特效---直接显示测试结果.rar

    在“直接显示测试结果.htm”这个例子中,很可能有一个或多个JavaScript函数,它们会在特定事件触发时更新页面内容,以显示测试结果。 在JavaScript中,我们通常会将代码放在`&lt;script&gt;`标签内,或者链接到外部`.js`...

    javascript经典特效---图片轮回显示效果.rar

    本教程将探讨一个经典的JavaScript特效——图片轮回显示效果。这种效果常见于网站的轮播图或幻灯片展示中,可以使得多张图片在页面上循环播放,提升用户体验。 首先,实现图片轮回显示的核心原理是通过JavaScript...

    javascript经典特效---显示人口数量.rar

    总的来说,这个"javascript经典特效---显示人口数量"项目展示了JavaScript在网页动态效果和数据可视化方面的应用,涉及了前端开发中的多个核心概念和技术。通过学习和分析这个案例,开发者可以提升自己的JavaScript...

    javascript经典特效---特酷的日期显示.rar

    本资源“javascript经典特效---特酷的日期显示.rar”聚焦于利用JavaScript实现一种独特且引人注目的日期显示效果。这个效果可能包括但不限于动画过渡、自定义格式化或者动态更新等特性,旨在提升用户体验并增加网站...

    纯CSS3实现DIV高亮显示特效

    "纯CSS3实现DIV高亮显示特效"是一种技术,它利用CSS3的特性,无需依赖JavaScript或图像,就能创建出吸引人的高亮效果。这篇文章将深入探讨如何使用CSS3来实现这一效果。 首先,我们要了解CSS3的一些基本概念。CSS3...

    J14表单验证技术和相关特效-DIV层的应用练习

    - 创建一个用于显示图片的`&lt;div&gt;`容器。 - 使用数组存储图片的URL。 - 通过JavaScript控制图片的切换逻辑,可以使用`setInterval`函数来设置图片切换的时间间隔。 - 提供一个停止轮播的功能,例如在用户点击某个...

    javascript经典特效---又一个颜色选择器.rar

    在这个“javascript经典特效---又一个颜色选择器.rar”中,我们重点探讨的是如何利用JavaScript来创建一个颜色选择器,这是一种常见的前端交互元素,常用于网页设计和颜色配置。 颜色选择器通常由一个色板、一个拾...

Global site tag (gtag.js) - Google Analytics