How to check if a body has a specific class with JavaScript?

Question

How to check if a body has a specific class with JavaScript?

How to check if a body has a certain class? This is my case:

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

+4

javascript if-statement

Wornout Mar 2 '12 at 11:37

source share

6 answers

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

+11

Esben Skov Pedersen Mar 2 '12 at 11:42

source share

jQuery.hasClass works for me ...

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

+8

soemarko Mar 2 '12 at 11:45

source share

There is currently a very simple way to do this:

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

+6

gradosevic Apr 24 '17 at 22:00

source share

You can use the Mozilla class list for this.

The linked page also has a cross-browser solution.

+1

Martin Hennings Mar 2 '12 at 11:42

source share

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

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

0

staypuftman May 16, '17 at 17:39

source share

mas-designs · Accepted Answer · 2012-03-02T11:40:57+0000

 function hasClass(ele,cls) { return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')); } if(hasClass(document.getElementById("test"), "test")){//do something};

maybe this will help you :-)

Using jQuery would be simpler and less code, but never mind!

How to check if a body has a specific class with JavaScript?

More articles: