<!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. 第三篇:Retrofit SDK的设计思路
			
    2016-05-08 15:24:03 Retreofit毫无疑问是一个优美的开源框架,有轻量级.耦合性低.扩展性好.灵活性高的特点,那么Retrofit的设计者们到底是怎么样做到这些的呢?我希望能够 ...
    
			
    2. 
						
  2. win10 内测14352 加入了容器 和docker新功能，想体验的赶快升级
			
    原来只在server2016上有,现在加入到win0内测版了windows 容器提供了两种级别的隔离技术,分别是Windows Server container  和Hyper-V Container ...
    
			
    3. 
						
  3. 4、jvm内存回收——器
			
    内存回收---->垃圾回收---->GC GC 三基础,一个综合G1 串行:单线程,回收暂停其他 并行:多线程,回收暂停其他 并发:多线程,回收不暂停?! 成功好说,失败Serial Ol ...
    
			
    4. 
						
  4. JavaScript控制类名（className属性）
			
    语法:object.className =classname   (注意大小写) 作用:获取元素的class属性,为网页内的某个元素指定一个CSS样式来更改该元素的外观 示例: <!DOCTYP ...
    
			
    5. 
						
  5. 【转】sql to_char 日期转换字符串
			
    1.转换函数 与date操作关系最大的就是两个转换函数:to_date(),to_char() to_date() 作用将字符类型按一定格式转化为日期类型: 具体用法:to_date('2004-11 ...
    
			
    6. 
						
  6. C#编程:SqlCommand.Parameters.Add()方法的参数问题。
			
    在存储过程中添加2个参数 sql语句 例: “update [tablename] username = @username where id=@id” 然后把需要的 command.Paramete ...
    
			
    7. 
						
  7. 关于JQuery简单介绍
			
    jQuery是一个兼容多浏览器的javascript库,核心理念是写得更少,做得更多.如今,jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用 ...
    
			
    8. 
						
  8. mysql 分组查询问题 group_concat
			
    这几天在做购物车的时候.购物车内的商品为一个商品占一行,结果再从数据库读出的时候,没有分组,而是循环所有的内容出来,然后进行判断.如果一样的话就把他保存到一个变量中.但是自己逻辑没搞清楚.一直出bug ...
    
			
    9. 
						
  9. SQL中随机数函数rand()简介
			
    转自:http://database.51cto.com/art/201009/224397.htm 下文将为您介绍SQL中的随机函数rand(),供您参考,如果您是才接触SQL Server的新手, ...
    
			
    10. 
						
  10. 好文mark
			
    用oracle的dblink连接mysql. http://f.dataguru.cn/thread-267150-1-1.html hadoop的机架感知: 本地化策略,以及备份都要知道哪个节点在哪 ...
    
			
    11.