前言

tab分页是项目中经常要使用的功能，此文提供其原生js实现方式。

html部分

CSS部分

JavaScript部分

核心的逻辑是每次点击按钮时，取到当前按钮的i（编号），将其余按钮的样式重置为初始状态，并隐藏所有的div（下方展示）。只将当前编号的按钮设置选中样式，同时展示当前div（下方展示）。

实现效果

tips

针对本demo，请将css文件命名为tabPagination.css,js文件命名为tabPagination.js。

写在最后

tab分页，代码的实现方式多种多样，恳请各位大佬批评指正