<!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. IOS Core Animation Advanced Techniques的学习笔记(二)
			
    - (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx { CGFloat width = 10.0f; //draw a thi ...
    
			
    2. 
						
  2. Fibonacci（斐波那契）非递归实现。容易看懂
			
    #include<iostream>using namespace std;int main(){ int n; cout<<"please input a n\n& ...
    
			
    3. 
						
  3. 提升你的开发效率，10 个 NPM 使用技巧
			
    对于一个项目,常用的一些npm简单命令包含的功能有:初始化一个文件夹(npm init),下载npm模块(npm install),创建测试(npm test) 和自定义脚本(npm run).但是, ...
    
			
    4. 
						
  4. Bootstrap <基础二十八>列表组
			
    列表组.列表组件用于以列表形式呈现复杂的和自定义的内容.创建一个基本的列表组的步骤如下: 向元素 <ul> 添加 class .list-group. 向 <li> 添加 cl ...
    
			
    5. 
						
  5. Bootstrap<基础十三> 按钮组
			
    按钮组允许多个按钮被堆叠在同一行上.当你想要把按钮对齐在一起时,这就显得非常有用.你可以通过Bootstrap 按钮(Button) 插件 添加可选的 JavaScript 单选框和复选框样式行为.  ...
    
			
    6. 
						
  6. Mybatis使用generator自动生成映射配置文件信息
			
     使用mybatis配置映射文件比较的麻烦,但是有自动生成jar工具,方便加速开发速度,下面主要是该工具的使用以及相关的配置. 1.下载相关的资源 我们需要下载mybatis-generator-co ...
    
			
    7. 
						
  7. 在eclipse的maven插件中搜寻本地仓库中的jar搜索不到的解决方案
			
    在eclipse的maven插件中搜寻本地仓库中的jar搜索不到的解决方案 之前,用过maven管理项目的童鞋都知道本地会有一个${User_Home}.m2/repository仓库 是用来存放ja ...
    
			
    8. 
						
  8. java之ubuntu12.04 开发环境配制
			
    配置java开发环境,即安装jdk: 1.配置环境变量 ,更改/etc/profile文件:sudo gedit /etc/profile; 在文件最后加上如下几行(其实跟windows下的配置原理一 ...
    
			
    9. 
						
  9. Go语言test之类方法测试
			
    Go语言提供了完善的单元测试支持,开发人员可以方便的编写测试代码,保证自己代码的质量.在目前的例子中,一般看到都是普通函数的例子.下面我将通过类方法的单元测试例子来展示一下Go语言的魅力. 首先是代码 ...
    
			
    10. 
						
  10. OpenSSL 使用拾遗（一）---- 生成 pkcs12 文件
			
    从本期开始,记录一些在使用 OpenSSL 过程中碰到的问题及解决办法 在 Linux 下需要生成 pkcs12 文件,立即想到 OpenSSL.键入如下命令 ~ # openssl pkcs12 - ...
    
			
    11.