Add a class to an element with javascript

Question

I was wondering if someone could help me. I'm trying to add .fancy-btn to the below using JavaScript.

<div class="button transparent_2">
<a class="extra-color-3" href="#">Get a quote</a>
</div>

I want .fancy-btn class added to the div container, but cant seem to figure out how to achieve is

Thanks

possible duplicate of [How do I add a class to a given element?](http://stackoverflow.com/questions/507138/how-do-i-add-a-class-to-a-given-element) — NM Pennypacker, Feb 25 '15 at 16:08

score 4 · Answer 1 · answered Feb 25 '15 at 16:02

4

You need to use .addClass():

$(".transparent_2").addClass('fancy-btn')

answered Feb 25 '15 at 16:02

Milind Anantwar

77,788
22
86
114

How do you know OP intends to use jQuery? – NM Pennypacker Feb 25 '15 at 16:08
1

In fairness, OP tagged in jQuery @NickM – Albzi Feb 25 '15 at 16:09
1

@BeatAlex My mistake, +1. – NM Pennypacker Feb 25 '15 at 16:10

Albzi · Answer 2 · 2015-02-25T16:09:21.617

0

Here is a JavaScript only method:

var $a = document.getElementsByClassName("transparent_2");
//assuming there is only 1 element (or is the first)
$a[0].className += " fancy-btn";

JSFiddle

edited Feb 25 '15 at 16:09

answered Feb 25 '15 at 16:03

Albzi

14,793
5
39
59

score 0 · Answer 3 · edited May 23 '17 at 11:43

0

see here: https://stackoverflow.com/a/507157/3503886

Add a space plus the name of your new class to the className property of the element. First, put an id on the element so you can easily get a reference.

<div id="div1" class="someclass">
    <img ... id="image1" name="image1" />
</div>

Then

var d = document.getElementById("div1");
d.className = d.className + " otherclass";

edited May 23 '17 at 11:43

Community

1
1

answered Feb 25 '15 at 16:04

mld

36
1
1
4

Add a class to an element with javascript

3 Answers3