这篇文章主要讲解了“原生js怎么修改css”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“原生js怎么修改css”吧！

站在用户的角度思考问题，与客户深入沟通，找到富拉尔基网站设计与富拉尔基网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：网站设计制作、成都网站制作、企业官网、英文网站、手机端网站、网站推广、域名注册、雅安服务器托管、企业邮箱。业务覆盖富拉尔基地区。

方式有：1、通过node.style.cssText="css表达式1；css表达式2；css表达式3"的方式；2、先在CSS样式表中对特定的类设置样式，再通过node.classname="类名"对类的样式设置附加到该node节点上来。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

下面我给大家介绍的是原生js更改CSS样式的两种方式：

1通过在javascript代码中的node.style.cssText="css表达式1；css表达式2；css表达式3  "的方式直接更改CSS样式。

2先在CSS样式表中对特定的类如“active类”设置样式（这里的active类是假定的，暂时不存在），然后再在javascript代码中通过node.classname="active"使得CSS样式表中对active类的样式设置附加到该node节点上来。

下面是详细介绍，首先是html的代码：

           div {
			float: left;
			padding: 20px;
			margin: 10px;
			border: 1px solid #000;
			background-color: #fff;
			color: #000;
		}
           .active
                {
                       background-color:blue
                }