用js怎么改变css样式-木庄网络博客

2022-02-14 13:41:18 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

方法：1、使用“对象.style.属性名="值"”；2、使用“对象.style.cssText="属性名:值"”；3、使用“对象.setAttribute("class","类名")”；4、用setAttribute()函数更改css文件。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript修改css样式的方法（四种）

第一种：使用对象.style.属性名="值来修改样式表的类名。

例如：

1	`div1.style.width="100px";`

第二种：使用对象.style.cssText="属性名:值"来修改嵌入式的css。

例：

1	`div1.style.cssText="width:100px;height:100px;background: palevioletred;";`

第三种：使用对象.setAttribute("class","类名")来修改样式表的类名。

例如：

1	`div1.setAttribute("class","div2")`

第四种：使用setAttribute()函数更改外联的css文件，从而改变元素的css。

相关阅读 >>

更多相关阅读请进入《javascript》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者