If it’s good to model a component utilizing Javascript then you should utilize the model object to help all of your CSS wants.
<html>
<physique>
<p id="p1">Howdy World!</p>
<script>
doc.getElementById("p1").model.coloration = "crimson";
</script>
<p>The paragraph above was modified by a script.</p>
</physique>
</html>
If it’s good to do that purely in a Javascript file itself, then:
// Get a reference to the component
var myElement = doc.querySelector("#p1");
// Now you'll be able to replace the CSS attributes
myElement.model.coloration = "crimson";
myElement.model.backgroundColor = "yellow";
Notice that the place CSS properties would use dashes to separate phrases, like background-color, Javascript as a substitute makes use of camel casing and drops the house.
Instance: background-color would turn into backgroundColor.
