From the course: JavaScript Essential Training

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Modifying element classes

Modifying element classes - JavaScript Tutorial

From the course: JavaScript Essential Training

Start my 1-month free trial Buy for my team

Modifying element classes

“

- [Instructor] A common task in JavaScript is to modify the classes of an element in some way. This is a simple way of changing the appearance or behavior of an element without having to inject CSS into the HTML itself. Instead, we just add a class or remove a class to make something happen. Examples of this include hiding and showing a panel, or highlighting a button when something else has happened, like now that you've done step one, click here to continue, et cetera. Class manipulation is common enough, that we have two specialized properties for it. The first one and the oldest one is class name, and it's available for all elements in the dom. Class name holds a string, listing out all the classes appended to an element. We can see it if we go to our exercise files and the console. So the H1 here has the class backpack name, and we can call up the H1 in JavaScript and get just that output. So document, query…

Contents