Rename js snippets
This commit is contained in:
21
snippets/js/s/toggle-html-element-class.md
Normal file
21
snippets/js/s/toggle-html-element-class.md
Normal file
@ -0,0 +1,21 @@
|
||||
---
|
||||
title: Toggle class of HTML element
|
||||
type: snippet
|
||||
language: javascript
|
||||
tags: [browser]
|
||||
cover: laptop-plants-2
|
||||
dateModified: 2020-10-22T20:24:30+03:00
|
||||
---
|
||||
|
||||
Toggles a class for an HTML element.
|
||||
|
||||
- Use `Element.classList` and `DOMTokenList.toggle()` to toggle the specified class for the element.
|
||||
|
||||
```js
|
||||
const toggleClass = (el, className) => el.classList.toggle(className);
|
||||
```
|
||||
|
||||
```js
|
||||
toggleClass(document.querySelector('p.special'), 'special');
|
||||
// The paragraph will not have the 'special' class anymore
|
||||
```
|
||||
Reference in New Issue
Block a user