js设置css属性，js修改css属性值

成都创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都做网站、成都网站制作、成都外贸网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的雁塔网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

本文目录一览

• 1，js 修改css属性值
• 2，js 设置css
• 3，如何用JS来改变CSS属性

1，js 修改css属性值

想要改为什么不直接把CSS文件里的width:100xp改掉? 如果这个值因为其他地方也有用到所以不能改的话 那你就在CSS文件里再设个值: width1:80xp 想用到80xp的话就调用width1好了,不要用width:100xp

js不能修改样式表 但是可以修改元素： 比如 对于上面的层的样式，可以这样修改： var test_div=docuemnt.getElementById("test"); test_div.style.width="80px";

有方法，你这css是给什么定义的格式 你就在JS获取 怎么获取我就不说了 然后 通过.width=80PX不就完了？

2，js 设置css

css中带中横线的样式属性对应到js里面的命名规则为：去掉中横线，中横线后的首字母大写，如你上面的例子即为：style.textDecoration 另外，你要把这个层里所有a都要改变这样的样式：document.getElementById("yourDivId").getElementsByTagName("a").style.textDecoration = "none";

首先要通过 getElementById等方法找到这个a元素，假设 变量名为 aa;aa.style.textDecoration = "none";就可以了。

语法是这样的:object.style.textDecoration="none";

语法是这样的:object.style.textDecoration="none";

首先要通过 getElementById等方法找到这个a元素，假设 变量名为 aa;aa.style.textDecoration = "none";就可以了。

3，如何用JS来改变CSS属性

方法:document.getElementById("xx").style.xxx中的所有属性是什么盒子标签和属性对照CSS语法（不区分大小写） JavaScript语法（区分大小写） 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 语法（不区分大小写） JavaScript 语法（区分大小写） background background background-attachment backgroundAttachment background-color backgroundColor background-image backgroundImage background-position backgroundPosition background-repeat backgroundRepeat color color 样式标签和属性对照CSS语法（不区分大小写） JavaScript 语法（区分大小写） display display list-style-type listStyleType list-style-image listStyleImage list-style-position listStylePosition list-style listStyle white-space whiteSpace 文字样式标签和属性对照CSS 语法（不区分大小写） JavaScript 语法（区分大小写） font font font-family fontFamily font-size fontSize font-style fontStyle font-variant fontVariant font-weight fontWeight 文本标签和属性对照CSS 语法（不区分大小写） JavaScript 语法（区分大小写） letter-spacing letterSpacing line-break lineBreak line-height lineHeight text-align textAlign text-decoration textDecoration text-indent textIndent text-justify textJustify text-transform textTransform vertical-align verticalAlign

$("#你所操作对像的id").css("border","#000000 1px solid");在什么时候想改变就把这句话放到你要触发的事件中