js如何改变样式,js修改css属性

　　本教程运行环境：windows7系统，javascript1.8.5版本1.8.5，戴尔G3电脑。

　　在JavaScript中，可以使用setAttribute()方法通过类修改css样式。

　　具体看一下下面的代码示例：

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8 /

　　风格

　　. style1{

　　高度：50px

　　边框：1px纯红；

　　}

　　. style2{

　　边框：3px虚线# AFEEEE

　　填充：10px

　　}

　　/风格

　　/头

　　身体

　　Div= style class= style1 测试文本/divbr/

　　type= button value= change class name onclick= change style()/

　　/body

　　脚本

　　函数changeStyle() {

　　var obj=document . getelementbyid( style )；

　　obj.setAttribute(class ， style 2 )；

　　}

　　/脚本

　　/html渲染：

　　说明：

　　setAttribute()方法添加指定的属性并赋予它指定的值。

　　如果指定的属性已经存在，则只设置/更改值。

　　语法

　　element . set attribute(attributename，attributevalue)参数类型描述attributenameString是必需的。要添加的属性的名称。AttributevalueString是必需的。要添加的属性值。(学习视频分享：css视频教程)以上是js如何通过类修改css样式的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。