Body Toggle

Publikováno: 6.7.2021

I appreciate the clarity of this trick that Mikael Ainalem posted over on Reddit:

It’s a one-liner that toggles the class on the <body> so you can mock up different states and toggle between them on click.

<body onclick="this.classList.toggle("active");"

Could …


The post Body Toggle appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

Celý článek

I appreciate the clarity of this trick that Mikael Ainalem posted over on Reddit:

It’s a one-liner that toggles the class on the <body> so you can mock up different states and toggle between them on click.

<body onclick="this.classList.toggle("active");">

Could be on any element as well!

This can be a big thing. See “The Power of Changing Classes” as a case in point. Even if you aren’t much of a JavaScript person, classList is perhaps the one API you should know.


The post Body Toggle appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace