DOM.classList.add('border', 'border-danger') code example
Example 1: classlist.contain in javascript
let span = document.querySelector("span");
let classes = span.classList;
let result = classes.contains("d");
if (result) {
span.textContent = "The classList contains 'c'";
} else {
span.textContent = "The classList does not contain 'c'";
}
Example 2: add to classlist javascript
Add multiple classes to a <div> element:
document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass");
Remove a class from a <div> element:
document.getElementById("myDIV").classList.remove("mystyle");
Remove multiple classes from a <div> element:
document.getElementById("myDIV").classList.remove("mystyle", "anotherClass", "thirdClass");
Toggle between two classes for a <div> element:
document.getElementById("myDIV").classList.toggle("newClassName");
Find out if an element has a "mystyle" class:
document.getElementById("myDIV").classList.contains("mystyle");