基于原生js实现tab选项卡案例

#基于原生js实现tab选项卡案例
第一步：使用html+css先将布局注备好：

 <div class="tabs_contents">
 		//标题选项卡容器
        <ul class="tab_nav">
        //tabNav_active为选中状态的class类名
            <li class="tabNav_active">
                <span>HTML</span>
            </li>
            <li>
                <span>CSS</span>
            </li>
            <li>
                <span>JavaScript</span>
            </li>
            <li>
                <span>react</span>
            </li>
            <li>
                <span>vue</span>
            </li>
        </ul>
        //内容容器
        <ul class="tab_box">
        //tabBox_active为内容区域被选中的类名
            <li class="tabBox_active">
                HTMLHTMLHTMLHTMLHTMLHTMLHTMLHTMLHTMLHTMLHTMLHTMLHTML
            </li>
            <li>