博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
(一)javascript中的数组index属性——获取数组的索引值
阅读量:6435 次
发布时间:2019-06-23

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

例如:要做到这样的效果

点击每个选项时,会显示不同的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/MarchThree/p/3734746.html

你可能感兴趣的文章
Extnet Direct 提交后台事件文件下载设置
查看>>
邻接矩阵与二叉排序树
查看>>
CSS选择器
查看>>
购物车练习
查看>>
js实现在表格中删除和添加一行
查看>>
SOCKET简单爬虫实现代码和使用方法
查看>>
跨域解决方案汇总
查看>>
In App Purchase
查看>>
js判断对象的类型的四种方式
查看>>
RPC框架的可靠性设计
查看>>
使用自选择创建团队
查看>>
基准测试(Benchmarks)不必消亡
查看>>
ceph 常用命令记录(完善中...)
查看>>
C# 7.3新特性一览
查看>>
用Chrome开发者工具调试一切
查看>>
简易mvvm库的设计实现
查看>>
AppDynamics把业务交易跟踪扩展到SAP环境
查看>>
[Three.js]Three.js中文文档-自定义混合方程常数
查看>>
Kafka 处理器客户端介绍
查看>>
通过分析这段代码的进化历程,或许能够加深您对JavaScript的作用域的理解
查看>>