1. Home
  2. Tutorials
  3. JavaScript
  4. CSS Object Model

CSS Object Model

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

Welcome to our free JavaScript tutorial. This tutorial is based on Webucator's Introduction to JavaScript Training course.

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