JSFiddle - React, Tailwind, and code Playground
HTML
<div id="first">Surely, it has to be Hello, World!</div>
<div id="second">And don't call me Shirley</div>
<div id="third">Weird</div>
<div id="fourth">Woohoo! Hello, World is back</div>
CSS
div {
margin: 5px;
padding: 5px;
}
JavaScript
var first = document.getElementById("first");
var second = document.getElementById("second");
var third = document.getElementById("third");
var fourth = document.getElementById("fourth");
// Only Chrome/Safari supports (host objects are nuts)
first.style['background-color'] = "#CCC";
// All browsers that support the CSS2Properties interface
second.style.backgroundColor = "green";
// or
third.style["backgroundColor"] = "red";
// All browsers should support this
fourth.style.setProperty("background-color", "orange", null);