“Vanilla JavaScript Add Class” Respostas de código

AddClass JS Vanilla

  element.classList.add('className');
web-noob master

JS Adicionar classe

var element = document.getElementById('element');
element.classList.add('class-1');
element.classList.add('class-2', 'class-3');
element.classList.remove('class-3');
just-saved-you-a-stackoverflow-visit

Vanilla JavaScript Add Class

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')
      }
    })
  }
})
Uninterested Unicorn

Javascript Add class ao elemento

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

Javascript Add class ao elemento

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.
Lioruby

Como adicionar uma classe a um elemento em 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");


Sleepy Swiftlet

Respostas semelhantes a “Vanilla JavaScript Add Class”

Perguntas semelhantes a “Vanilla JavaScript Add Class”

Procure respostas de código populares por idioma

Procurar outros idiomas de código