How to add a class to html element js

var element = document.querySelector('.box');
// using add method
// adding single class
element.classList.add('color');

// adding multiple class
element.classList.add('border', 'shadow');

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: add

Link to this answer
Share Copy Link

Contributed on May 21 2022

Gabriele Orlandi

0 Answers Avg Quality 2/10

javascript give class to element

Comment

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

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: class clas

Link to this answer
Share Copy Link

Contributed on Feb 01 2021

Uptight Unicorn

0 Answers Avg Quality 2/10

add class to element javascript

Comment

element.classList.add('class');
element.classList.remove('class');

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: add

Link to this answer
Share Copy Link

Contributed on Jul 15 2021

Successful Sandpiper

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

Contents

More Related Answers