JAVASCRIPT中修改CSS

2014-11-13 23:34:57 · 作者: · 浏览: 16

  1.js修改单个元素的css属性


  document.getElementByIdx('obj').className=”…”,


  document.getElementByIdx('obj').style.backgroundColor=”#003366″ ,


  2.js修改整个页面的css属性


  


  


  3.js和css的style属性对照表


  盒子标签和属性对照


  CSS语法 (不区分大小写) java script语法 (区分大小写)


  border border


  border-bottom borderBottom


  border-bottom-color borderBottomColor


  border-bottom-style borderBottomStyle


  border-bottom-width borderBottomWidth


  border-color borderColor


  border-left borderLeft


  border-left-color borderLeftColor


  border-left-style borderLeftStyle


  border-left-width borderLeftWidth


  border-right borderRight


  border-right-color borderRightColor


  border-right-style borderRightStyle


  border-right-width borderRightWidth


  border-style borderStyle


  border-top borderTop


  border-top-color borderTopColor


  border-top-style borderTopStyle


  border-top-width borderTopWidth


  border-width borderWidth


  clear clear


  float floatStyle


  margin margin


  margin-bottom marginBottom


  margin-left marginLeft


  margin-right marginRight


  margin-top marginTop


  padding padding


  padding-bottom paddingBottom


  padding-left paddingLeft


  padding-right paddingRight


  padding-top paddingTop


  颜色和背景标签和属性对照


  CSS语法 (不区分大小写) java script语法 (区分大小写)


  background background


  background-attachment backgroundAttachment


  background-color backgroundColor


  background-image backgroundImage


  background-position backgroundPosition


  background-repeat backgroundRepeat


  color color