javascript朝花夕拾
2024-10-13 23:14:37
(一)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";
window.onload=function(){
var main=document.getElementById("main");
var btn=document.getElementsByTagName("li");
var contain=getByClass(main, "contain");
var i=0;
contain[0].style.display='block';
for (i=0;i<btn.length;i++){
btn[i].index=i; //索引值
btn[i].onclick=function(){
for(i=0;i<btn.length;i++){ btn[i].className="";
contain[i].style.display='none';
}
contain[this.index].style.display="block"; //利用this对象,表示当前所点击的对象,再利用我们设置好的索引值,实现了当前点击对象的display:block
}; } };
最新文章
- 浅析SqlServer简单参数化模式下对sql语句自动参数化处理以及执行计划重用
- C#的变迁史 - C# 3.0篇
- Wifite.py 修正版脚本代码
- MySQL 命令行工具之 mysqldump 深入研究
- Fluent interface
- 数据库基础知识(1)--数据库php连接
- likwid工具尝鲜
- mysql explain用法和结果的含义(转)
- poj -2229 Sumsets (dp)
- C++ stringstream介绍,使用方法与例子
- 使用StoryBoard设置Scrollview的横向滚动不用一行代码
- ionic常用命令记录
- UVALive - 3027:Corporative Network
- 1ci
- BZOJ3377 [Usaco2004 Open]The Cow Lineup 奶牛序列 其他
- 通过javascript 直接播放amr格式的语言
- 18年10月30日 NOIP模拟赛
- mac下安装mysql 1820 重置默认密码
- matplotlib-折线图、散点图
- MySQL查看和修改wait_timeout
热门文章
- Python中的redis学习笔记
- C#中多线程写DataGridView出现滚动条导致程序卡死(无响应)的解决办法
- Laravel 安装记录
- MINA的session.close
- C++的类和对象
- Linq学习之旅——LINQ查询表达式
- XXX is not in the sudoers file.This incident will be reported
- 【Earthquake, 2001 Open 】 0-1 分数规划
- Https协议:SSL建立过程分析(也比较清楚,而且有OpenSSL的代码)
- 利用if else咱们结婚吧