javascript历险记之tab选项卡（javascript tab）

Hello，大家好，暖宝又来给大家带来javascript干货，我们开始吧：

上效果图：

这是一个简易的tab选项卡

上图是tab选项卡的代码：

1.这是选项卡的思路就是用for循环循环遍历出每个tab按钮input的默认index，先在点击每个按钮的同时让按钮的class为空，让每个按钮对应的div全部隐藏，然后再让每个div按照按钮的index显示其对应的内容；

2.注意以下几个问题

1》innerHtml为元素对象放置元素的内容

2》arr[]为数组，arr[0]为元素的第0个元素，依次类推

3》例子代码中（this.index+1）为优先执行,若写成this.index+1，不加“（）”，则会依次输出index和1.

好了，今天的分享结束了，觉得有用的请点击暖夕H2关注暖宝哦