zoukankan      html  css  js  c++  java
  • 切换tab,并且动态添加标签

    <script type="text/javascript">
     /*处理ie7、ie8不兼容getElementsByClassName*/
     if(!document.getElementsByClassName) {
      document.getElementsByClassName = function(className, element) {
       var children = (element || document).getElementsByTagName('*');
       var elements = new Array();
       for (var i=0;i<children.length;i++) {
        var child = children[i];
        var classNames = child.className.split(' ');
        for (var j=0;j<classNames.length;j++) {
         if (classNames[j] == className) {
          elements.push(child);
          break;
         }
        }
       }
       return elements;
      };
     }
     var newNode = document.createElement("i");
     var _titles = document.getElementsByClassName('title');
     var _items = document.getElementsByClassName('_items');
     var _as = document.getElementsByClassName('title_a');
     _items[0].style.display = 'block';
     _titles[0].insertBefore(newNode, _as[0]);
      for(var i = 0; i <_titles.length; i++){
       _titles[i].index = i; 
      _titles[i].onclick = function (){
       for(var j = 0;j< _items.length;j++){
         _items[j].style.display = 'none';    
       }
       _items[this.index].style.display = 'block';
       _titles[this.index].insertBefore(newNode, _as[this.index]);
      }
     } 
    </script>
  • 相关阅读:
    9月9号作业
    9月9号笔记
    jupyter的补充
    jupyter的使用
    9月6号作业
    编程语言的分类
    计算机组成
    计算机组成的补充
    面向对象基础
    9月2号作业
  • 原文地址:https://www.cnblogs.com/goweb/p/5756444.html
Copyright © 2011-2022 走看看