zoukankan      html  css  js  c++  java
  • (转)javascript选择id class

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title> 使用javascript通过className来获取元素 </title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    </head>
    <style>
    .red{
    color: #F00;
    }
    #black{
    color: #000;
    }
    </style>
    <body>
    <script type="text/javascript">
    //获得id
    function $(id){
    return document.getElementById(id); 
    }
    //获得class
    function getElementsByClassName(n) { 
    var classElements = [], allElements = document.getElementsByTagName('*'); 
    
    for (var i=0; i< allElements.length; i++ ) 
    { 
      if (allElements[i].className == n ) { 
      
       classElements[classElements.length] = allElements[i]; 
      } 
    } 
    return classElements; 
    }
    //隐藏艾它社区
    function red_hidden(){
    var redClassElements = getElementsByClassName('red'); 
    for (var i=0; i<redClassElements.length; i++) { 
    
      redClassElements[i].style.display = "none"; 
    }
    }
    //显示艾它社区
    function red_show(){
    
    var redClassElements = getElementsByClassName('red'); 
    
    for (var i=0; i<redClassElements.length; i++) { 
    
      redClassElements[i].style.display = "";   
    }
    }
    </script>
    <a href="#" onmouseover="red_hidden()" onmouseout="red_show()">点我隐藏红色</a>
    <div class="red">艾它社区</div>
    <div class="red">艾它社区</div>
    <div class="red">艾它社区</div>
    <div>***************************************************************</div>
    <body>
    </html>
  • 相关阅读:
    腾讯TDW:大型Hadoop集群应用[转载]
    [转]常见分布式系统数据分布解析
    一种基于Storm的可扩展即时数据处理架构思考
    storm
    storm
    精华文章
    Dubbo使用解析及远程服务框架
    职责链实现的apache.chain使用
    设计模式之享元模式
    SVN安装与eclipseSVN插件基本使用
  • 原文地址:https://www.cnblogs.com/hongjiumu/p/2681278.html
Copyright © 2011-2022 走看看