原生js实现选项卡功能 爱问知识人
发布时间:2024-12-21 08:35
好评回答
2023-03-09 16:30:00代码如下:
<DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>原生js选项卡写法</title> <style> #div1 div{width: 200px;height: 200px;border: 1px solid #FF0000;display: none;} .active{background: red;} </style> <script> window.onload=function(){//原生js选项卡写法 var oDiv = document.getElementById('div1'); var aInput = document.getElementsByTagName('input'); var aCon = oDiv.getElementsByTagName('div'); for(var i=0;i<aInput.length;i++){ aInput[i].index = i; aInput[i].onclick = function(){ for(var i=0;i<aInput.length;i++){ aInput[i].className = ''; aCon[i].style.display = 'none'; } this.className= 'active'; aCon[this.index].style.display = 'block'; } } } </script> </head> <body> <div id="div1"> <input class="active" type="button" value="1" /> <input type="button" value="2"/> <input type="button" value="3"/> <div style="display: block;">11111111111</div> <div>22222222222</div> <div>333333333333</div> </div> </body></html>全部
再***
2023-03-09 16:30:00
1 2 哪位高手帮忙看看安卓FragmentTabHost 怎么改变...回答2 3 电脑没有“系统还原”选项卡。回答2 4 chrome9可不可以双击关闭选项卡?回答2 5 电脑没有“系统还原”选项卡。回答2 1 2 华硕电脑CPU风扇不转怎么办 回答1 3 计算机不能重新启动所有时间重新启动如何解决 回答1 4 刷机助手电脑_刷机助手下载手机版 回答1 5 电脑怎么老是在蓝屏 回答1 根据医学资料记载B.20世纪上半叶,人类经历了两次世界大战,大量的青壮年人口死于战争;而20世纪下半叶,世界基本处于...
公务员考试
李阳"一口气"是什么?那个内练一口气 刚柔并济不低头 我们心中有天地????
外语学习
无锡有哪些大学?无锡至少有两所正规大学: 1、江南大学 2、南京农业大学无锡渔业学院。由于它不直接在无锡召本科生,所...
院校信息
小天鹅洗衣机嫌麻烦就把你洗衣机的型号或断皮带,拿到维修点去买1个,自己装上就可以了(要有个小扳手把螺丝放松,装上...
购物
笔记本电脑永远是解决笔记本故障的卡片屏幕...有时,我们的笔记本电脑总是卡住了。我们怎样才能解决这个问题可能有很多不太熟悉的网友。现在让我们告诉你...
电脑/网络
xp电脑显示屏调节屏幕亮度怎么调节_XP...XP电脑显示屏亮度调节怎么操作 1、直接在XP系统桌面空白处右键选择属性打开【显示属性】程序。 2、...
电脑/网络
正在加载...
网址:原生js实现选项卡功能 爱问知识人 http://c.mxgxt.com/news/view/387367
下一篇: 婚后感情不和男子离家出走,未履行
相关内容
原生js实现商品筛选react前端关系图谱实现
婆婆参团到香港,买了queenjewelry的项链和吊坠,将近一? 爱问知识人
请问电影、娱乐界的奖项有什么?有百花奖、金鸡奖等等,具体都是什么 爱问知识人
女孩如何方能一夜成名?选项有:爆艳照,爆与大明星的绯闻,发表怪异 爱问知识人
普通人怎么才能成为明星? 爱问知识人
华研公司还有哪些艺人?除了飞轮海,一定要详细谢谢.. 爱问知识人
结婚场地怎么挑选(有哪些注意事项) 爱问知识人
歌星名单大全 爱问知识人
范冰冰给那些男明星发生过关系 爱问知识人