js进阶 11-22/23 js如何实现选项卡

一、总结

一句话总结：通过索引把选项卡头的li标签和选项卡内容的div标签联系在一起，通过控制div标签的display属性可以实现选项卡的选项切换。

1、某些样式设置了，但是出不来效果的原因可能是什么？

优先级会导致某些特效出不来

现在设置的优先级低于之前的

可以通过加父标签的方式来增加优先级

2、如何增加样式的优先级？

可以通过加父标签的方式来增加优先级

3、如何实现一组标签中点某个标签，这个标签的样式改变？

动态给点的标签添加一个自己写好的激活样式

71                 oli[this.index].className="active";

4、如何消除一个元素的所有类？

dom对象的className赋空值

67                     oli[j].className="";

5、如何让一个隐藏的元素显示？

将dom对象的style的display属性设置为none

68                     li_content[j].style.display='none'

6、如何获取一个id为content的div里面的另外的div？

getElement的链式写法（因为getElement是document的方法，其实也是dom对象的方法）

57         var li_content=    document.getElementById('content').getElementsByTagName('div')

二、js如何实现选项卡

1  2  3  4     
      5     选项卡2 6     37 38 39 
     
      40     
      
       41         
       第一部分
42         
       第二部分
43         
       第三部分
44     
      
45     
      
       46         
       
        JS进阶......
       
47         
       
        JQ精讲......
       
48         
       
        JS+JQ+CSS3特效、技巧、案例专题......
       
49     
      
50 
     
51     76 77