Gebruik alleen dit:
document.body.style.color="green";
je hoeft op deze manier niet belangrijk te gebruiken. Hoe dan ook, zoals Fatal al zei, dit zal niet werken, als er een direct belangrijke regel is in CSS stylesheet, die je moet overschrijven.
Op deze manier moet u dynamisch stylesheets maken en deze binnen in het hoofd toevoegen:
function addNewStyle(newStyle) {
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(newStyle));
}
Dan kun je de stijl zomaar updaten
addNewStyle('body {color:green !important;}')