javascript/dom:原生的JS写选项卡方法
来源:http://www.jb51.net/article/30108.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>New Web Project</title><script> function tab(){var list = document.getElementById("list").getElementsByTagName("li");var con = document.getElementById("con").getElementsByTagName("div"); for(var i = 0;i<list.length;i++){list[i].onclick=function(){ for(var i=0;i<list.length;i++){ if(list[i]==this){ list[i].className = "on";con[i].style.display = "block"; //alert(list[i].className); } else{ list[i].className=""; con[i].style.display="none";} } } } } window.onload=function(){tab();}</script> </head><body><div id="list"> <ul> <li class="on">1</li> <li>2</li> <li>3</li> <li>4</li> </ul> </div> <div id="con"> <div style="display:block;">111111</div> <div style="display:block;">222222</div> <div style="display:block;">333333</div> <div style="display:block;">444444</div> </div> </body> </html>
javascript/dom:原生的JS写选项卡方法相关推荐
- 初学者怎么用js写选项卡_初学者极客:我的PC是否需要图形卡?
初学者怎么用js写选项卡 There's always a lot of chatter about computer graphics cards, thanks to bigger and bet ...
- [js] 用js写一个方法检测浏览器是否支持css3的属性
[js] 用js写一个方法检测浏览器是否支持css3的属性 var div = document.createElement('div'); console.log(div.style.transit ...
- [js] 写一个方法获取图片的方向
[js] 写一个方法获取图片的方向 <!DOCTYPE html> <html> <head><meta charset="utf-8"& ...
- [js] 写一个方法遍历指定对象的所有属性
[js] 写一个方法遍历指定对象的所有属性 Object.keys().Object.values()只能遍历对象自有的属性,for in 可以遍历原型中的属性. 个人简介 我是歌谣,欢迎和大家一起交 ...
- [js] 写一个方法,实时验证input输入的值是否满足金额如:3.56(最多只有两位小数且只能数字和小数点)的格式,其它特殊字符禁止输入
[js] 写一个方法,实时验证input输入的值是否满足金额如:3.56(最多只有两位小数且只能数字和小数点)的格式,其它特殊字符禁止输入 <body><input type=&qu ...
- [js] 写一个方法实现promise失败后自动重试
[js] 写一个方法实现promise失败后自动重试 <!DOCTYPE html> <html lang="en"><head><met ...
- [js] 写一个方法,当给定数字位数不足8位时,则在左边补充0以补足8位数的方法
[js] 写一个方法,当给定数字位数不足8位时,则在左边补充0以补足8位数的方法 function padNumber(n, targetLen, placeholder) {const arr = ...
- [js] 写一个方法判断数组内元素是否全部相同
[js] 写一个方法判断数组内元素是否全部相同 const isSameArray = function (array) {if (Array.isArray(array)) {return new ...
- [js] 写一个方法把科学计数法转换成数字或者字符串
[js] 写一个方法把科学计数法转换成数字或者字符串 function c(a) { return a.replace(/^(\d+)(?:.(\d+))*eE(\d+)/,(_,a,a1,p,n)= ...
最新文章
- Django 基于角色的权限控制
- express快速入门
- Grakn Forces 2020——D题Pecco模型总结
- python最优分箱计算iv值_GitHub - zhaoxingfeng/WOE: Weight of Evidence,基于iv值最大思想求最优分箱...
- 7-100 倒数第N个字符串 (15 分)
- 《从Paxos到Zookeeper:分布式一致性原理与实践》第一章读书笔记
- ​30 岁了,依然一事无成
- javaScript 中创建json/转换字符串为json
- [渝粤教育] 江西财经大学 税法 参考 资料
- 运动控制 编码器记录
- 联想拯救者Y7000P的一些功能键
- access vba代码大全_VBA编程在翻译中的应用
- (2021.10.25-10.31)小结
- C++程序设计:相反数
- matlab混沌映射,混沌映射MATLAB仿真.docx
- UVA 1589 xiangqi
- 推荐几款软件界面模型设计工具
- 如何优化传统项目,提高web应用的吞吐量
- Shell | 文件或关键字查询
- FastDFS 单机版部署
热门文章
- Varnish purges 缓存清除
- 理解C#中的string类型
- Linux查看进程内存状况
- 【Qt】QtCreator updatePchInfo:switching to none
- 【linux】用户和组的管理:添加、修改、删除(useradd usermod userdel groupadd groupdel)
- notepad php发布网站,谈谈如何把WordPress部署到服务器上
- ajax data参数没有值,ajax $.get的data参数无法传递
- python实训总结报告书_20172304 实验四python综合实践报告
- nginx+lua实现上传文件到OSS
- Ant Design of Vue —— setFieldsValue方法 动态操作Switch组件