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");//無效