cssText的使用（原生js添加css样式）

开水没有冬天

于 2019-10-16 10:34:18 发布

阅读量661

点赞数

CC 4.0 BY-SA版权

分类专栏： css基础

18 篇文章

订阅专栏

本文介绍了如何使用JavaScript简化CSS样式的设置过程，通过修改元素的style属性，实现样式的快速调整，同时探讨了cssText属性的使用及注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var head= document.getElementById("head");
head.style.width = "200px";
head.style.height = "70px";
head.style.display = "block";

将多行简化成一行，减少渲染：

var head= document.getElementById("head");
head.style.cssText="width:200px;height:70px;display:bolck";

但cssText也有个缺点，会覆盖之前的样式。
可以在前面添加一个分号来解决这个问题：

Element.style.cssText += ';width:100px;height:100px;top:100px;left:100px;'