js简单的选项卡

来源:互联网 发布:软件商城建设 编辑:程序博客网 时间:2024/05/04 13:01

通过getElementsByTagName方法,先对选项卡三个标头H3进行捕获,产生一个数组,我们利用for循环分别对每个标头选项H3添加一个index属性作为它的序号同时注册单击事件,当某个H3被单击时,我们先把所有的H3都变成原始状态,没active类,然后再把被单击的H3要添加一个active类使其变成白色,此时,我们还要知道被单击H3的序号,这样我们可以去,设定与之序号相同的DIV显示出来,而其它的DIV刚隐藏起来。

 js选项卡 - xsc699675 - xsc699675的博客


js选项卡 - xsc699675 - xsc699675的博客

js选项卡 - xsc699675 - xsc699675的博客

0 0