利用JavaScript实现tab切换（选项卡效果）

实现思路:
①ul中的li标签个数和ol中li标签个数是相同的，按钮和内容是一一对应的
②点击按钮标签，也就是ul中的li标签，给当前这个li标签添加class样式，给其他的li标签去除class样式。先给所有的li标签，去除class样式，再给当前的li标签添加class样式
③点击按钮标签，也就是ul中的li标签，给ol中所有的li标签去除class样式，给 与当前ul>li索引相同的ol>li标签添加样式

核心思路:利用ul和ol中li标签个数相同的特点，优化程序简化代码
①获取标签对象
②给所有的ul中的li标签添加点击事件
③点击事件执行的内容
(1)给所有的ul和ol中的li标签清除样式
(2)给当前点击的ul中的li标签添加样式
(3)给索引相同的ol中的li标签添加样式

<div class="cont">
        <ul>
            <li class="active">按钮1</li>
            <li>按钮2</li>
            <li>按钮3</li>
        </ul>
        <ol>
            <li class="active">内容1</li>
            <li >内容2</li>
            <li>内容3</li