Menu
So, in my stylesheet, I have a property in a rule that matches myElement which uses the !important flag.
Then, in a script, I need to adjust that property of myElement. The code I'm using does nothing:
var myElement = document.getElementById('myElement');
myElement.style.property = 'newValue';
This threw me for a loop, because while nothing was visibly happening on my page, the element even showed with the new property value under element.style in Chrome's element inspector. So it took me a while to figure it out, but then it hit me that I have to also put the !important flag in the newValue setting. Does anyone know how to do this programmatically?
825
The !important rule in CSS is used to add more importance to a property/value than normal. In fact, if you use the !important rule, it will override ALL previous styling rules for that specific property on that element!
Every HTML element in the Javascript DOM contains a Javascript object property called style . The style object contains many properties that correspond to CSS properties, so you can set properties on the style object to change element CSS styles directly.
css() method: The css() method is used to change the style property of the selected element.
Here you go:
myElement.style.setProperty( 'property', 'newValue', 'important' );
Live demo: http://jsfiddle.net/mJHEf/
178
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
