<!DOCTYPE html>

 <html>

 <head lang="en">

     <meta charset="UTF-8">

     <title></title>

     <style>

         .red {

             border: solid 1px red;

             width: 200px;

             height: 100px;

             text-align: center;

             line-height: 100px;

             margin: auto;

         }

         .blue {

             border: solid 1px blue;

             width: 200px;

             height: 100px;

             text-align: center;

             line-height: 100px;

             margin: auto;

         }

     </style>

     <script type="text/javascript" src="../../js/system.js"></script>

 </head>

 <body>

 <div id="a" class="red">

     hello js,,

 </div>

 <div id="b">

     html js2 ,,

 </div>

 <input type="button" value="点我变红" id="bitRed">

 <script type="text/javascript">

36                                                      //id名为b的元素的样式随着id名为a的元素的样式的变化而变化

     var clasName = comm.getAttr($$("a"), "class");   //获取id名为a的元素的class样式，并把它赋给clasName;

     comm.setAttr($$("b"), "class", clasName);       //给id为b的元素设置class样式为clasName;

     $$("bitRed").onclick = function () {

 //        $$("a").setAttribute("class","blue");

         comm.setAttr($$("a"), "class", "blue");

         var clasName = comm.getAttr($$("a"), "class");

         comm.setAttr($$("b"), "class", clasName);

     }

 </script>

 </body>

 </html>
aaarticlea/png;base64,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" alt="" />

//js样式
 /**

  * Created by Ibokan on 2015/8/26.

  */

 function $$(id) {

     return document.getElementById(id);

 }

  var comm = {

     setAttr: function (e, strName, strValue) {      //e是元素名称 ，，strName是属性名称，，strValue是属性值。。

         e.setAttribute(strName, strValue);

     },

     getAttr: function (e, strName) {

         return e.getAttribute(strName);

     }

 }




 


												


											
setAttribute,,,getAttribute,,,,的更多相关文章
	

    
						
  1. JSP内置对象--session对象(getId(),getCreationTime(),getLastAccessedTime(),isNew(),invalidate(),setAttribute(),getAttribute())
		
    session对象是javax.servlet.http.HttpSession接口的实例,但是不像HttpServletRequest或HttpServletResponse一样,有父接口,他没有父 ...
    
		
    2. 
								
  2. 在请求中存取属性setAttribute&getAttribute方法
		
    在请求中保存属性: public void setAttribute(String name,Object o) request.setAttribute("mess"," ...
    
		
    3. 
						
  3. request：getParameter getAttribute
		
    转载自:http://www.cnblogs.com/shaohz2014/p/3804656.html 在浏览器地址输入,表示传入一个参数test,值为123 http://localhost:88 ...
    
		
    4. 
						
  4. request getParameter getAttribute
		
    在浏览器地址输入,表示传入一个参数test,值为123 http://localhost:8888/Test/index.jsp?test=123 在index.jsp中尝试使用EL表达式取出,代码如 ...
    
		
    5. 
						
  5. getAttribute和getParameter的区别
		
    2016年1月19日JSP中getParameter与getAttribute有何区别? ——getParameter得到的都是String类型的.或者是http://a.jsp?id=123中的12 ...
    
		
    6. 
						
  6. request.getParameter与request.getAttribute()
		
    这里就request为例,不去考虑session. request对象是javax.servlet.http.HttpServletRequest接口的一个实例,request表示调用JSP页面的请求 ...
    
		
    7. 
						
  7. Java中getAttribute getParameter 区别
		
            网上说的不少,发现都是同一篇,汗..... (1)HttpServletRequest类有setAttribute()方法,而没有setParameter()方法 (2)当两个Web组 ...
    
		
    8. 
						
  8. JSP中getParameter和getAttribute区别
		
    (1)HttpServletRequest类有setAttribute()方法,而没有setParameter()方法 (2)当两个Web组件之间为链接关系时,被链接的组件通过getParameter ...
    
		
    9. 
						
  9. getParameter和getAttribute有什么区别
		
    1.getAttribute是取得jsp中 用setAttribute設定的attribute 2.parameter得到的是string:attribute得到的是object 3.request. ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. ASP通过ADODB读取Access数据库
			
    <% On Error Resume Next set conn=server.createobject("adodb.connection") mypath=server. ...
    
			
    2. 
						
  2. Hollister Outlet Store
			
    (link to hollisterco site), It's a major try. After a photographer's viewpoint, Which roughly splend ...
    
			
    3. 
						
  3. __attribute__((packed))作用
			
    1. __attribute__ ((packed)) 的作用就是告诉编译器取消结构在编译过程中的优化对齐,按照实际占用字节数进行对齐,是GCC特有的语法.这个功能是跟操作系统没关系,跟编译器有关,g ...
    
			
    4. 
						
  4. Java 中Iterator 、Vector、ArrayList、List 使用深入剖析
			
    标签:Iterator Java List ArrayList Vector 线性表,链表,哈希表是常用的数据结构,在进行Java开发时,JDK已经为我们提供了一系列相应的类来实现基本的数据结构.这些 ...
    
			
    5. 
						
  5. 生成模型（Generative）和判别模型（Discriminative）
			
    生成模型(Generative)和判别模型(Discriminative) 引言    最近看文章<A survey of appearance models in visual object  ...
    
			
    6. 
						
  6. iframe标签书写导致div不显示
			
    <iframe id="iframbox" src="" frameborder="0" scrolling="auto&q ...
    
			
    7. 
						
  7. 关于linq to sql类线程同步问题
			
    例如,下面一段代码,当两个线程同时访问时会出现各种由于线程不同步而导致的问题,比如什么DataReader已打开未关闭啊,已经添加了重复的键啊等等. /// <summary> /// 当 ...
    
			
    8. 
						
  8. JAVA       vo pojo javabean dto区别
			
    JavaBean 是一种JAVA语言写成的可重用组件.为写成JavaBean,类必须是具体的和公共的,并且具有无参数的构造器.JavaBean 通过提供符合一致性设计模式的公共方法将内部域暴露成员属性 ...
    
			
    9. 
						
  9. HYSBZ 2243
			
    //Accepted 18440 KB 5556 ms /* source:HYSBZ 2243 time :2015.5.29 by :songt */ /*题解: 树链剖分 */ #include ...
    
			
    10. 
						
  10. 关于spring中无法将service注入到servlet中的问题
			
    首先,servlet是动态网页项目区别于普通的java项目的,是动态网页项目中web.xml主要配置文件管理的,而spring只能管理普通的pojo,而没办法直接注入,尽管你的注入方式和配置方式都没有 ...
    
			
    11.