remove a class css code example
Example 1: javascript remoev css class
//remove a css class from an element
document.getElementById("myElementID").classList.remove("class_name");
Example 2: 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>
Example 3: add and remove class in jquery
$('#toggle li').on('click', function () {
$(this).toggleClass('open')
});
Example 4: js remove class
const removeClass = (element, name) => {
const pattern = new RegExp('(?:^|\\s)'+ name + '(?:\\s|$)', 'g');
element.className = element.className.replace(pattern, "");
};