“JavaScript classlist add” Ответ

JavaScript classlist add

// select element and append class
const div = document.querySelector('div');
div.classList.add('class-1', 'class-2', 'class-3', 'class-n');

// create element and append class
const div = document.createElement('div');
div.classList.add('class-1', 'class-2', 'class-3', 'class-n');
Horny Dev

JS ClassList

classList.item(index); // Returns the item in the list by its index, or undefined if index is greater than or equal to the list's length
classList.contains(token); // Returns true if the list contains the given token, otherwise false.
classList.add(token1[, ...tokenN]); // Adds the specified token(s) to the list.
classList.remove(token1[, ...tokenN]); // Removes the specified token(s) from the list.
classList.replace(oldToken, newToken); // Replaces token with newToken.
classList.supports(token); // Returns true if a given token is in the associated attribute's supported tokens.
classList.toggle(token[, force]); // Removes token from the list if it exists, or adds token to the list if it doesn't. Returns a boolean indicating whether token is in the list after the operation.
classList.entries(); // Returns an iterator, allowing you to go through all key/value pairs contained in this object.
classList.forEach(callback[ ,thisArg]); // Executes a provided callback function once per DOMTokenList element.
classList.keys(); // Returns an iterator, allowing you to go through all keys of the key/value pairs contained in this object.
classList.values(); // Returns an iterator, allowing you to go through all values of the key/value pairs contained in this object.
Kind Kinkajou

JS ClassList

-- HTML --
<div class='container'></div>

-- JAVASCRIPT --
element.classList.contains('container'); // True or false
element.classList.add('my-class'); // Adds the class if it isn't present yet
element.classList.remove('my-class'); // Removes the class if it’s present
element.classList.toggle('my-class'); // Adds if not present, else removes
Quaint Quelea

JS ClassList

// querySelector() - you can use element name / #id / .class
const varName = document.querySelector('div #idName .className');
// add class - classList.add()
varName.classList.add('someClassName'); // class name without the dot 
// remove class - classList.remove()
varName.classList.remove('someClassName');
Manga301

Ответы похожие на “JavaScript classlist add”

Вопросы похожие на “JavaScript classlist add”

Больше похожих ответов на “JavaScript classlist add” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования