DEVFYI - Developer Resource - FYI

How to change style on an element?

JavaScript Interview Questions and Answers


(Continued from previous question...)

89. How to change style on an element?

Between CSS and javascript is a weird symmetry. CSS style rules are layed on top of the DOM. The CSS property names like "font-weight" are transliterated into "myElement.style.fontWeight". The class of an element can be swapped out. For example:
document.getElementById("myText").style.color = "green";
document.getElementById("myText").style.fontSize = "20";
-or-
document.getElementById("myText").className = "regular";

(Continued on next question...)

Other Interview Questions