O'Reilly logo

JavaScript Absolute Beginner’s Guide by Kirupa Chinnathambi

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

24. Styling Your Content

In This Chapter

Learn how to change CSS using JavaScript

Understand the pros and cons of setting styles directly as opposed to adjusting class values

Use classList to make fiddling with element class values a breeze

In the previous chapter, we looked at how to modify your DOM’s content using JavaScript. The other part of what makes our HTML elements stand out is their appearance, their styling. When it comes to styling stuff, the most common way is by creating a style rule and have its selector target an element or elements. A style rule would look as follows:

.batman {    width: 100px;    height: 100px;    background-color: #333;}

An element that would be affected by this style rule could look like this:

<div ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required