Add Multiple Styles with JavaScript

Here is a fiddle.

document.getElementById("id1").setAttribute(
       "style", "color: red; background-color: beige; padding-bottom: 2px; margin: 3px;");

Yes you can add multiple CSS with JavaScript like this

your button

<input id="myButton" type="button" value="Hello">

And the JavaScript for it

document.getElementById('myButton')
  .style.cssText = "color: blue; width: 100px; height: 55px; border: 1px solid red;";

Why not add a class that has all of the properties defined already?

document.getElementById(id).classList.add('new_class')

Related