How check if body has a specific class with JavaScript?

Question

How can I check if body has specific class? This is my case:

<body class="foo foo1 foo3"></body>

Have a look at [this question](http://stackoverflow.com/questions/195951/change-an-elements-css-class-with-javascript). It has some great examples. — Martin Hennings, Mar 02 '12 at 11:40
possible duplicate of [Test if an element contains a class?](http://stackoverflow.com/questions/5898656/test-if-an-element-contains-a-class) -- please use the search before you ask a new question. How it is been done with jQuery [has been ask before as well](http://stackoverflow.com/questions/263232/determine-if-an-element-has-a-css-class-with-jquery). — Felix Kling, Mar 02 '12 at 12:05

score 86 · Answer 1 · answered Apr 24 '17 at 22:00

86

There's now a super-easy way to do this:

document.body.classList.contains('my-class-name')

answered Apr 24 '17 at 22:00

gradosevic

4,809
2
36
51

score 14 · Answer 2 · edited Jul 24 '12 at 20:31

14

document.getElementsByTagName("body")[0].className.match(/foo/)

edited Jul 24 '12 at 20:31

Luke

11,426
43
60
69

answered Mar 02 '12 at 11:42

Esben Skov Pedersen

4,437
2
32
46

This solution also matches classes that contain foo, like "foobar". – W. van Kuipers Apr 07 '14 at 06:25
1

I am getting this error: `Uncaught TypeError: Cannot read property 'className' of undefined` – FFish Mar 10 '16 at 08:35

score 10 · Answer 3 · answered Mar 02 '12 at 11:45

10

jQuery.hasClass works for me...

non jQuery answer, try if( document.body.className.match('foo') ) { ... }

answered Mar 02 '12 at 11:45

marko

1,721
15
25

1

I think this should have been the answer; no need for an additional function; much cleaner. – TheBlackBenzKid Dec 21 '15 at 07:57

score 9 · Accepted Answer · answered Mar 02 '12 at 11:40

9

function hasClass(ele,cls) {
     return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}

if(hasClass(document.getElementById("test"), "test")){//do something};

maybe this helps you :-)

With the use of jQuery it would be easier and less code but nevermind !

answered Mar 02 '12 at 11:40

mas-designs

7,498
1
31
56

You should add the simple or double quotes otherwise it doesn’t work : `$('body')` – Sébastien Gicquel Jan 29 '18 at 15:53

score 1 · Answer 5 · answered Oct 24 '19 at 10:03

1

This returns a string of true or false when looking for a specific body class using jQuery's .hasClass:

if ($("body").hasClass("modal-open")) {
                        $("body").removeClass("modal-open");
                    }

answered Oct 24 '19 at 10:03

Rajendran S

39
1
12

score 1 · Answer 6 · answered Mar 02 '12 at 11:42

1

You can use the Mozilla classList for this.

The linked page also has a cross-browser solution.

answered Mar 02 '12 at 11:42

Martin Hennings

16,418
9
48
68

score 0 · Answer 7 · answered May 16 '17 at 17:39

0

This returns a string of true or false when looking for a specific body class using jQuery's .hasClass:

$("body").hasClass("your-class-name").toString();

answered May 16 '17 at 17:39

serraosays

7,163
3
35
60

How check if body has a specific class with JavaScript?

7 Answers7

Linked