博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript朝花夕拾
阅读量:5100 次
发布时间:2019-06-13

本文共 614 字,大约阅读时间需要 2 分钟。

(一)javascript中的数组index属性——获取数组的索引值

例如:要做到这样的效果

点击每个选项时,会显示不同的div。

我们的做法:在javascript中,先把所有的div的display设置为none,然后在根据当前的数组里的索引值进行一个显示div的过程。

下面的例子就是:

首先,把妙味课堂、妙味茶馆、苗味视频选项的div设置为display:none;

然后,早在之前就以前设置好了数组的索引值

btn[i].index=i;   于是当所有div都设置为display:none后,再把点击的那个div的display设置为block就可以了
contain[this.index].style.display="block";

1 window.οnlοad=function(){ 2   var main=document.getElementById("main"); 3   var btn=document.getElementsByTagName("li"); 4   var contain=getByClass(main, "contain"); 5   var i=0; 6   contain[0].style.display='block'; 7   for (i=0;i

 

转载于:https://www.cnblogs.com/wuyinghong/p/3704903.html

你可能感兴趣的文章
Java Web学习总结(13)Listener监听器
查看>>
开始Flask项目
查看>>
Ruby:多线程队列(Queue)下载博客文章到本地
查看>>
Android打包key密码丢失找回
查看>>
03 jQuery动画
查看>>
医药箱APP静态小项目
查看>>
安装使用eclipse
查看>>
VC6.0调试技巧(一)(转)
查看>>
linux命令
查看>>
类库与框架,强类型与弱类型的闲聊
查看>>
webView添加头视图
查看>>
php match_model的简单使用
查看>>
在NT中直接访问物理内存
查看>>
Intel HEX 文件格式
查看>>
SIP服务器性能测试工具SIPp使用指导(转)
查看>>
php_扑克类
查看>>
回调没用,加上iframe提交表单
查看>>
(安卓)一般安卓开始界面 Loding 跳转 实例 ---亲测!
查看>>
Mysql 索引优化 - 1
查看>>
LeetCode(3) || Median of Two Sorted Arrays
查看>>