原生射流研究…实现选项卡功能

效果图：

代码如下：

！DOCTYPE html html head meta charset=' UTF-8 '标题原生射流研究…选项卡写法/title style # div 1 div { width : 200 px；高度： 200像素；border: 1px实心# FF0000display:无；} .活动{background:红色；}/样式脚本window.onload=function(){//原生射流研究…选项卡写法var oDiv=文档。getelementbyid(' div 1 ')；var aInput=文档。getelementsbytagname(' input ')；var ACon=Odiv。GetElementsBytagname(' div ')；for(var I=0；iaInput.lengthi ){ aInput[i].索引=我；输入[输入]。onclick=function(){ for(var I=0；iaInput.lengthi ){ aInput[i].一个骗局。风格。显示='无'；} this . NAmE=' active a con[this。索引]。风格。display=' block} } }/脚本/头体div id='div1 '输入类='活动'类型='按钮'值='1' /输入类型='按钮'值='2'/输入类型='按钮'值=' 3 '/div style=' display : block；11111111111/div 2222222/div 33333333/div/div/body/html以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！