JavaScript
发布时间：2022-04-16 发布网站：大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了JS设置CSS样式的方式汇总，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
1. 直接设置style的属性 某些情况用这个设置 !important值无效
如果属性有'-‘号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style[‘text-align'] = ‘100px';
2. 直接设置属性（只能用于某些属性，相关样式会自动识别）
);
element.setAttribute('height','100px'
);
3. 设置style的属性
);
!important的css定义是拥有最高的优先级。
4. 使用setProperty 如果要设置!important，推荐用这种方法设置第三个参数
);
5. 改变class 比如JQ的更改class相关方法
6. 设置cssText
7. 创建引入新的css样式文件
E)
{
var styleElement = document.getElementById('styles_js'
);
if (!styleElement)
{
styleElement = document.createElement('style'
);
styleElement.type = 'text/css';
styleElement.id = 'styles_js';
document.getElementsByTagName('head')
[0].appendChild(styleElement
);
}
styleElement.appendChild(document.createTextNode(newStyl
E));
}
addNewStyle('
.box
{height: 100px !important;}'
);
8. 使用addRule、insertRule
[0].addRule('
.box','height: 100px'
);
document.styleSheets
[0].insertRule('
.box
{height: 100px}',0
);
// 或者插入新样式时操作
var styleEl = document.createElement('style'),styleSheet = styleE
l.sheet;
styleSheet.addRule('
.box','height: 100px'
);
styleSheet.insertRule('
.box
{height: 100px}',0
);
document.he
ad.appendChild(styleEl
);
以上所述是小编给大家介绍的JS设置CSS样式的方式汇总。菜鸟教程 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得菜鸟教程不错，可分享给好友！感谢支持。
大佬总结
以上是大佬教程为你收集整理的JS设置CSS样式的方式汇总全部内容，希望文章能够帮你解决JS设置CSS样式的方式汇总所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
