来源: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写选项卡方法相关推荐

  1. 初学者怎么用js写选项卡_初学者极客:我的PC是否需要图形卡?

    初学者怎么用js写选项卡 There's always a lot of chatter about computer graphics cards, thanks to bigger and bet ...

  2. [js] 用js写一个方法检测浏览器是否支持css3的属性

    [js] 用js写一个方法检测浏览器是否支持css3的属性 var div = document.createElement('div'); console.log(div.style.transit ...

  3. [js] 写一个方法获取图片的方向

    [js] 写一个方法获取图片的方向 <!DOCTYPE html> <html> <head><meta charset="utf-8"& ...

  4. [js] 写一个方法遍历指定对象的所有属性

    [js] 写一个方法遍历指定对象的所有属性 Object.keys().Object.values()只能遍历对象自有的属性,for in 可以遍历原型中的属性. 个人简介 我是歌谣,欢迎和大家一起交 ...

  5. [js] 写一个方法,实时验证input输入的值是否满足金额如:3.56(最多只有两位小数且只能数字和小数点)的格式,其它特殊字符禁止输入

    [js] 写一个方法,实时验证input输入的值是否满足金额如:3.56(最多只有两位小数且只能数字和小数点)的格式,其它特殊字符禁止输入 <body><input type=&qu ...

  6. [js] 写一个方法实现promise失败后自动重试

    [js] 写一个方法实现promise失败后自动重试 <!DOCTYPE html> <html lang="en"><head><met ...

  7. [js] 写一个方法,当给定数字位数不足8位时,则在左边补充0以补足8位数的方法

    [js] 写一个方法,当给定数字位数不足8位时,则在左边补充0以补足8位数的方法 function padNumber(n, targetLen, placeholder) {const arr = ...

  8. [js] 写一个方法判断数组内元素是否全部相同

    [js] 写一个方法判断数组内元素是否全部相同 const isSameArray = function (array) {if (Array.isArray(array)) {return new ...

  9. [js] 写一个方法把科学计数法转换成数字或者字符串

    [js] 写一个方法把科学计数法转换成数字或者字符串 function c(a) { return a.replace(/^(\d+)(?:.(\d+))*eE(\d+)/,(_,a,a1,p,n)= ...

最新文章

  1. Django 基于角色的权限控制
  2. express快速入门
  3. Grakn Forces 2020——D题Pecco模型总结
  4. python最优分箱计算iv值_GitHub - zhaoxingfeng/WOE: Weight of Evidence,基于iv值最大思想求最优分箱...
  5. 7-100 倒数第N个字符串 (15 分)
  6. 《从Paxos到Zookeeper:分布式一致性原理与实践》第一章读书笔记
  7. ​30 岁了,依然一事无成
  8. javaScript 中创建json/转换字符串为json
  9. [渝粤教育] 江西财经大学 税法 参考 资料
  10. 运动控制 编码器记录
  11. 联想拯救者Y7000P的一些功能键
  12. access vba代码大全_VBA编程在翻译中的应用
  13. (2021.10.25-10.31)小结
  14. C++程序设计:相反数
  15. matlab混沌映射,混沌映射MATLAB仿真.docx
  16. UVA 1589 xiangqi
  17. 推荐几款软件界面模型设计工具
  18. 如何优化传统项目,提高web应用的吞吐量
  19. Shell | 文件或关键字查询
  20. FastDFS 单机版部署

热门文章

  1. Varnish purges 缓存清除
  2. 理解C#中的string类型
  3. Linux查看进程内存状况
  4. 【Qt】QtCreator updatePchInfo:switching to none
  5. 【linux】用户和组的管理:添加、修改、删除(useradd usermod userdel groupadd groupdel)
  6. notepad php发布网站,谈谈如何把WordPress部署到服务器上
  7. ajax data参数没有值,ajax $.get的data参数无法传递
  8. python实训总结报告书_20172304 实验四python综合实践报告
  9. nginx+lua实现上传文件到OSS
  10. Ant Design of Vue —— setFieldsValue方法 动态操作Switch组件