1.  <!DOCTYPE html>
  2.  <html>
  3.  <head lang="en">
  4.      <meta charset="UTF-8">
  5.      <title></title>
  6.      <style>
  7.          .red {
  8.              border: solid 1px red;
  9.              width: 200px;
  10.              height: 100px;
  11.              text-align: center;
  12.              line-height: 100px;
  13.              margin: auto;
  14.          }
  15.  
  16.          .blue {
  17.              border: solid 1px blue;
  18.              width: 200px;
  19.              height: 100px;
  20.              text-align: center;
  21.              line-height: 100px;
  22.              margin: auto;
  23.          }
  24.      </style>
  25.      <script type="text/javascript" src="../../js/system.js"></script>
  26.  </head>
  27.  <body>
  28.  <div id="a" class="red">
  29.      hello js,,
  30.  </div>
  31.  <div id="b">
  32.      html js2 ,,
  33.  </div>
  34.  <input type="button" value="点我变红" id="bitRed">
  35.  <script type="text/javascript">
  36. 36                                                      //id名为b的元素的样式随着id名为a的元素的样式的变化而变化
  37.      var clasName = comm.getAttr($$("a"), "class");   //获取id名为a的元素的class样式，并把它赋给clasName;
  38.      comm.setAttr($$("b"), "class", clasName);       //给id为b的元素设置class样式为clasName;
  39.  
  40.      $$("bitRed").onclick = function () {
  41.  //        $$("a").setAttribute("class","blue");
  42.          comm.setAttr($$("a"), "class", "blue");
  43.          var clasName = comm.getAttr($$("a"), "class");
  44.          comm.setAttr($$("b"), "class", clasName);
  45.      }
  46.  </script>
  47.  </body>
  48.  </html>
    aaarticlea/png;base64,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" alt="" />
  49.  
  50. //js样式
  1.  /**
  2.   * Created by Ibokan on 2015/8/26.
  3.   */
  4.  function $$(id) {
  5.      return document.getElementById(id);
  6.  }
  7.   var comm = {
  8.      setAttr: function (e, strName, strValue) {      //e是元素名称 ，，strName是属性名称，，strValue是属性值。。
  9.          e.setAttribute(strName, strValue);
  10.      },
  11.      getAttr: function (e, strName) {
  12.          return e.getAttribute(strName);
  13.      }
  14.  }
  15.  
  1.  
  1.  

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

  1. JSP内置对象--session对象(getId(),getCreationTime(),getLastAccessedTime(),isNew(),invalidate(),setAttribute(),getAttribute())

    session对象是javax.servlet.http.HttpSession接口的实例,但是不像HttpServletRequest或HttpServletResponse一样,有父接口,他没有父 ...

  2. 在请求中存取属性setAttribute&getAttribute方法

    在请求中保存属性: public void setAttribute(String name,Object o) request.setAttribute("mess"," ...

  3. request：getParameter getAttribute

    转载自:http://www.cnblogs.com/shaohz2014/p/3804656.html 在浏览器地址输入,表示传入一个参数test,值为123 http://localhost:88 ...

  4. request getParameter getAttribute

    在浏览器地址输入,表示传入一个参数test,值为123 http://localhost:8888/Test/index.jsp?test=123 在index.jsp中尝试使用EL表达式取出,代码如 ...

  5. getAttribute和getParameter的区别

    2016年1月19日JSP中getParameter与getAttribute有何区别? ——getParameter得到的都是String类型的.或者是http://a.jsp?id=123中的12 ...

  6. request.getParameter与request.getAttribute()

    这里就request为例,不去考虑session. request对象是javax.servlet.http.HttpServletRequest接口的一个实例,request表示调用JSP页面的请求 ...

  7. Java中getAttribute getParameter 区别

            网上说的不少,发现都是同一篇,汗..... (1)HttpServletRequest类有setAttribute()方法,而没有setParameter()方法 (2)当两个Web组 ...

  8. JSP中getParameter和getAttribute区别

    (1)HttpServletRequest类有setAttribute()方法,而没有setParameter()方法 (2)当两个Web组件之间为链接关系时,被链接的组件通过getParameter ...

  9. getParameter和getAttribute有什么区别

    1.getAttribute是取得jsp中 用setAttribute設定的attribute 2.parameter得到的是string:attribute得到的是object 3.request. ...

随机推荐

  1. ssh 整合

    1. 加入 Spring 1). 加入 jar 包 2). 配置 web.xml 文件 3). 加入 Spring 的配置文件. 2. 加入 Hibernate 1). 同时建立持久化类, 和其对应的 ...

  2. Three.Js学习第一天

    因为工作需求,最近接触到了ThreeJs库,国内学习文档的确少,所以在这里写下bolgs记录学习史,并且给后面学习的人尽一份微博之力. 3D场景依靠WebGL技术.目前支持比较好的浏览器,谷歌.火狐. ...

  3. JS实现登陆验证的主要代码及思路

    window.onload = function(){ // 获取input标签 var alInput = document.getElementsByTagName("input&quo ...

  4. 把本地代码同步到github

    2016-05-03 12:52:00 把代码同步到远程github,还算比较顺利.主要参考了以下两个博客,谢谢 http://blog.csdn.net/duxinfeng2010/article/ ...

  5. 转:js中this、call、apply的用法

    (一)关于this首先关于this我想说一句话,这句话记住了this的用法你也就差不多都能明白了:this指的是当前函数的对象.这句话可能比较绕,我会举出很多例子和这句话呼应的!(看下文)1.首先看下 ...

  6. css2----兼容----ie67的3像素bug

    发生条件:当浮动元素和非浮动元素相邻 时候,ie67下,两个元素就会多出3像素的间隔,其实是浮动元素产生的margin值 解决办法:1:让没有浮动的元素也浮动: 2:让浮动元素产生margin-*:- ...

  7. jQuery编程最佳实践笔记

    优化选择器   选择器优化已经不如从前那么重要,因为更多的浏览器实现了document.querySelectorAll()方法,所以选择的重担由jQuery转移到了浏览器. 但是仍然有一些技巧是需要 ...

  8. 自定义jsp标签

    1.类: package ===============================; import javax.servlet.jsp.JspTagException; import javax ...

  9. Amazon AWS 架设EC2服务器（datizi）fanqiang （更新手机VPN/L2TP设置）

    今天用AWS在东京架设了一台服务器用来个人fanqiang.为什么用AWS呢,阿里云学生价9.9可以搭在香港,但是我的学制今年2月份在学信网上就到期了,腾讯云holy shit,我司AZURE据说员工 ...

  10. adb -s emulator-5554 install JDKCast-PAP.apk

    multi-emulators direct to install app adb -s emulator-5554 install JDKCast-PAP.apk