CSS Object Model

We can use JavaScript to both retrieve information about element's CSS styles and to set those styles programmatically.

Contact Us or call 1-877-932-8228

Lesson Goals

Learn to change the values of CSS properties dynamically.
Learn to hide and show elements.
Learn to dynamically modify the content of elements.
Learn to manipulate tables dynamically.
Learn to position elements dynamically.
Learn to change the z-index order of elements.

Lesson Activities

Changing CSS with JavaScript Hiding and Showing Elements Showing and Hiding Elements (Exercise) Manipulating Tables Tracking Results in the Math Quiz (Exercise) Dynamically Changing Dimensions Positioning Elements Dynamically Changing the Math Quiz Timer to a Slider (Exercise) Changing the Z-Index The CSS Object Model