用js修改帶!important的css樣式


普通jQuery修改css的方法或者用dom.style.width="100px"的原生方法修改具有!important表示的樣式都無效。
查看了w3c標准之后,發現另外一個原生方法可以在修改的時候指定優先級,並且使用之后可行。代碼如下:

dom.style.setProperty("width","100px","important");

dom.style是一個CSSStyleDeclaration對象,w3c中對它的解釋的地址
https://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSSStyleDeclaration

另外經過嘗試,先刪除屬性再添加也行,如下:

dom.style.removeProperty("width");
dom.style.setProperty("width","100px");


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM