Answers for "javascript add remove class"

7

javascript remoev css class

//remove a css class from an element
document.getElementById("myElementID").classList.remove("class_name");
Posted by: Guest on July-31-2019
2

es6 add and remove class

let el = document.getElementById('container');

//remove class
el.classList.remove('first');

//remove class
el.classList.add('first');
Posted by: Guest on September-01-2020
17

jquery remove class

//Remove this same line after copying
Basic Syntax:
$(element).removeClass( "myClass yourClass" )
-------------------------------------------------------------------------------------
  
Html code example:
<p class="red highlight">test1</p>
<p class="red highlight marked">test2</p>
<p class="red highlight">test3</p>
<p class="red highlight">test4</p>

// remove all highlight class from p tag
<script>
	$( "p" ).removeClass( "highlight" )
</script>

// output after execution of this code
<p class="red">test1</p>
<p class="red marked">test2</p>
<p class="red">test3</p>
<p class="red">test4</p>
Posted by: Guest on January-10-2021
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");
Posted by: Guest on June-29-2020

Code answers related to "javascript add remove class"

Code answers related to "Javascript"

Browse Popular Code Answers by Language