当前第2页 返回上一页
如果属性有'-'号，就写成驼峰的形式（如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'; // 追加行内样式
|
【推荐学习：javascript高级教程】
以上就是原生js如何设置css的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
什么是对html的补充，可以使网页形式和内容分离？
css怎么隐藏table
css中如何清除float
css如何修改光标颜色
如何利用js获取form表单数据
css背景图片怎么设置透明度渐变
js数组学习之清空全部元素的4种方法（代码详解）
css中@import是什么意思？
js实现点击目录名变换颜色的效果实例
详解css行内样式、内嵌样式与外部引用样式的使用方法
更多相关阅读请进入《js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 原生js如何设置css
