Answers for "add class to an element in javascript dom"

110

js add class

var element = document.getElementById('element');
element.classList.add('class-1');
element.classList.add('class-2', 'class-3');
element.classList.remove('class-3');
Posted by: Guest on May-07-2020
11

javascript add class

// getting the target element
var myElement = document.querySelector('#myElement');

// example for addding some-class to the element
myElement.classList.add('some-class');

// multiple classes can be added like this
myElement.classList.add('one-class', 'one-more-class');

// example for removing any class from the element
myElement.classList.remove('any-class');
Posted by: Guest on September-02-2020
0

javascript add class to element

const element = document.querySelector('CSS_SELECTOR')

element.classList.add('class-1') // add class-1
element.classList.remove('class-1') // remove class-1
element.classList.toggle('class-1') // add class-1 if the element does not contains the class, remove if not.
Posted by: Guest on April-05-2022
0

how to add a class to an element in javascript

// This is to add a class to any html element after you store it
// in the element variable 

element.classList.add("my-class-name");

// This is to remove a class from the element

element.classlist.remove("my-class-name");
Posted by: Guest on November-27-2021
0

javascript add class

<p id="id1">Javascript adds a CSS class to this paragraph.</p>

<script>
  // Get the element with id="id1"
  const element = document.getElementById("id1");
  
  // Add a class
  // METHOD 1
  element.classList.add("quote");
  
  // METHOD 2
  element.className += "box";
</script>
Posted by: Guest on February-27-2022

Code answers related to "add class to an element in javascript dom"

Code answers related to "Javascript"

Browse Popular Code Answers by Language