选项卡······疑难解惑

做题思路

方法1:

       实现思路:
         1, ul中的li标签个数  和 ol中li标签个数是相同的
            按钮和内容是一一对应的

         2, 点击按钮标签,也就是ul中的li标签
            给当前这个li标签,添加class样式,给其他的li标签,去除class样式
            实现思路: 先给所有的li标签,去除class样式
                     再给当前的li标签,添加class样式

         3, 点击按钮标签,也就是ul中的li标签
            给 ol 中所有的 li标签,去除class样式
            给 与 当前 ul>li 索引相同的 ol>li标签,添加样式

 

方法1:循环遍历的方法


    
    
    Document
    


    
  • 按钮1
  • 按钮2
  • 按钮3
  1. 内容1
  2. 内容2
  3. 内容3

方法2,事件委托方法

在这里我们只提供 js 部分的代码哦! 因为其它方面的代码没有什么区别的

    

效果图:

选项卡······疑难解惑_第1张图片

选项卡······疑难解惑_第2张图片

选项卡······疑难解惑_第3张图片

你可能感兴趣的:(js,html&css)