Breaking News: Grepper is joining You.com. Read the official announcement!

vanilla javascript add class

Add Answer

Uninterested Unicorn answered on July 24, 2019 Popularity 10/10 Helpfulness 5/10

answer vanilla javascript add class

related addclass js vanilla

related javascript add class to element

related how to add a class to an element in javascript

related how to add class to a new element javascript

related js add class to html

related How to add a class to html element js

vanilla javascript add class

Comment

document.addEventListener("DOMContentLoaded", function() {
  var faqContainers = document.getElementsByClassName('faq-container')
  var faqToggle = document.getElementsByTagName('body')[0]
  for (var i = 0; i < faqContainers.length; i++) {

    faqContainers[i].addEventListener('click', function() {
      if (faqToggle.classList.contains('faq-display')) {
        faqToggle.classList.remove('faq-display')
      } else {
        faqToggle.classList.add('faq-display')
      }
    })
  }
})

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: add class javascript

Link to this answer
Share Copy Link

Contributed on Dec 22 2021

Uninterested Unicorn

0 Answers Avg Quality 2/10

Closely Related Answers

addclass js vanilla

Comment

  element.classList.add('className');

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: addclass addclas

Link to this answer
Share Copy Link

Contributed on Jan 10 2021

web-noob master

0 Answers Avg Quality 2/10

javascript add class to element

Comment

var someElement= document.getElementById("myElement");
    someElement.className += " newclass";//add "newclass" to element (space in front is important)

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: add

Link to this answer
Share Copy Link

Contributed on Jul 24 2019

Grepper

0 Answers Avg Quality 2/10

javascript add class to element

Comment

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.

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: add

Link to this answer
Share Copy Link

Contributed on Apr 05 2022

Lioruby

0 Answers Avg Quality 2/10

how to add a class to an element in javascript

Comment

// 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");

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: add

Link to this answer
Share Copy Link

Contributed on Nov 27 2021

Sleepy Swiftlet

0 Answers Avg Quality 2/10

how to add class to a new element javascript

Comment

    const exampleElement = document.createElement('div');

    exampleElement.classList.add("exampleClass");

	const container = document.getElementById('container1');
    container.appendChild(exampleElement);

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: add

Link to this answer
Share Copy Link

Contributed on Nov 08 2022

JakubSwayer

0 Answers Avg Quality 2/10

js add class to html

Comment

const root = document.getElementsByTagName('html')[0]
root.classList.add('hide-scrollbar')

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: add

Link to this answer
Share Copy Link

Contributed on Feb 03 2022

florinrelea

0 Answers Avg Quality 2/10

How to add a class to html element js

Comment

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

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: add

Link to this answer
Share Copy Link

Contributed on Mar 05 2022

Helpful Hawk

0 Answers Avg Quality 2/10

vanilla javascript add class

Contents

More Related Answers

vanilla javascript add class

Closely Related Answers

addclass js vanilla

javascript add class to element

javascript add class to element

how to add a class to an element in javascript

how to add class to a new element javascript

js add class to html

How to add a class to html element js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.