onclick trigger doesn't work first click
I'm confused why the onclick function doesn't register the first time it is clicked. Each div with the onclick trigger has to be clicked twice the first time. function selected(elmnt) { if (elmnt.style.backgroundColor == "transparent") elmnt.style.backgroundColor = "#990000" else elmnt.style.backgroundColor = "transparent" } #container { background-color: transparent; height: 100px; width: 100px; } <div id="container" onclick="selected(this)">click me</div> Am I missing something here? It is because your element style is not transparent. Only your element's computedStyle is. Try this: function