Javascript – js修改css样式的方式总结
本文对javascript动态修改css的样式进行总结。
1 javascript动态修改css样式
1.1 直接设置样式
比如
element.style.height = '100px';
如果css样式的属性有"-"号则可以使用中括号的形式
element.style["color-scheme"] = 'light';
或者写成驼峰的形式
element.style.colorScheme = 'light';
1.2 设置style的属性
element.setAttribute('style', 'height: 100px !important');
1.3 使用setProperty 设置样式
element.style.setProperty('height', '300px', 'important');
1.4 设置cssText
element.style.cssText = 'height: 100px !important';
element.style.cssText += 'height: 100px !important';
1.5 使用setAttribute设置css样式
element.setAttribute('height', '100px');
这种方法只能用于设置某些css样式。
参考
欢迎扫码关注我的微信公众号，及时获取文章更新
本文作者：StubbornHuang
版权声明：本文为站长原创文章，如果转载请注明原文链接！
原文标题：Javascript – js修改css样式的方式总结
原文链接：https://www.stubbornhuang.com/2977/
发布于：2024年01月29日 17:32:24
修改于：2024年01月29日 17:32:24
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
文章末尾
评论
72