How to tell if an HTML element has a particular class in JavaScript?

Question

Is there an easy way to tell if an HTML element has a specific class? For example:

var element = document.getElementById('something');
if (element.class == 'car')

Of course an element can have multiple classes, so maybe the if statement would have to be of the following form?

if (element.class.includes('car'))

https://developer.mozilla.org/en-US/docs/DOM/document.getElementsByClassName — sbeliv01, Apr 09 '13 at 20:50

score 2 · Accepted Answer · answered Apr 09 '13 at 20:52

var element = document.getElementById("myid");
if (element.classList.contains("myclass")) { /* do stuff */ }

Read more on element#classList here: https://developer.mozilla.org/en-US/docs/DOM/element.classList

This link also contains a polyfill for older browsers.

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

0

If using jQuery is an option you can use hasClass() see http://api.jquery.com/hasClass/

If not you can take a look at pure JS implementation - Test if an element contains a class?

edited May 23 '17 at 11:43

Community

1
1

answered Apr 09 '13 at 20:50

kgr

9,750
2
38
43

Does the downvoter care to drop a comment ? – kgr Apr 09 '13 at 20:56

score 0 · Answer 3 · answered Apr 09 '13 at 20:50

0

For strange reasons the name of the member containing the class(es) is className, not class. Multiple class names are separated by space.

answered Apr 09 '13 at 20:50

6502

112,025
15
165
265

John Brown · Answer 4 · 2013-04-09T21:00:28.890

0

You need to use:

 class = document.getElementById("{id_of_element").getAttribute("class");

then

 String[] vals = class.split(" ");
 var match = false;
 for (i = 0; i < vals.length;i++) {
   if (vals[i].equalsIgnoreCase('car') {
     match = true;
     break;
   }
 }

 if (match) {
  //do something
 }

HTH.

edited Apr 09 '13 at 21:00

answered Apr 09 '13 at 20:52

John Brown

189
1
7

1

http://jsfiddle.net/PXJ9a/ – PeeHaa Apr 09 '13 at 20:54
1

What if you're looking for `cat` and it has `catalog`? -1 – tckmn Apr 09 '13 at 20:55
@PeeHaa埽,@Doorknob fair enough. I didn't think it through :). Nonetheless, you can access the value of the class attribute by part one. – John Brown Apr 09 '13 at 20:57

How to tell if an HTML element has a particular class in JavaScript?

4 Answers4