javascript class remove code example

Example 1: how to remove a class from element with javascript

const div =  document.querySelector('div') // Get element from DOM
div.classList.remove('info') // Remove class "info"

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: how to remove an class in javascript

document.getElementsByClassName("legend").style.display="none";

Example 4: js remove class

const removeClass = (element, name) => {
    const pattern = new RegExp('(?:^|\\s)'+ name + '(?:\\s|$)', 'g');
    element.className = element.className.replace(pattern, "");
};