Javascript

JS设置CSS样式的几种方式(js设置!important)

本文主要是介绍JS设置CSS样式的几种方式(js设置!important),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

原文地址:https://blog.csdn.net/x619y/article/details/80604609?utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.baidujs&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.baidujs

//设置style的属性
element.setAttribute('style', 'height: 100px !important');

//使用setProperty  如果要设置!important,推荐用这种方法设置第三个参数,属性名不用驼峰写法
element.style.setProperty('height', '300px', 'important');

//设置cssText
element.style.cssText = 'height: 100px !important';
$("#test").css("cssText", "height:300px !important");
$("#test").css("style", "height:300px !important");//无效

  

  

这篇关于JS设置CSS样式的几种方式(js设置!important)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!