如何通过 JS 修改 CSS

Posted on Wed, 25 Dec 2024 16:15:43 +0800 by LiangMingJian


需求

通过 JavaScript 动态的修改元素 CSS 样式。

实现

1.通过 style.cssText 修改:

div.style.cssText='width:250px;height:250px;';

2.通过 style.setProperty() 修改:

div.style.setProperty('width','250px');

3.通过 style.property 修改:

div.style.width = "250px";