原生js如何设置css(2)-木庄网络博客

2022-02-16 07:29:23 PHP中文网 JavaScript 百度已收录

如果属性有'-'号，就写成驼峰的形式（如textAlign）如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px';

1	`element.style.height =` `'100px';`

2. 直接设置属性（只能用于某些属性，相关样式会自动识别）

1 2	`element.setAttribute('height', 100);` `element.setAttribute('height',` `'100px');`

3. 使用setProperty 如果要设置!important，推荐用这种方法设置第三个参数

1	`element.style.setProperty('height', '300px', 'important');`

4. 设置cssText

1 2	`element.style.cssText =` `'height: 100px !important'; // 覆盖其他行内样式` `element.style.cssText +=` `'height: 100px !important'; // 追加行内样式`

以上就是原生js如何设置css的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

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

书籍

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

￥83.86元 人民邮电出版社

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