Return to Answer

var testElement = document.getElementById('test');
console.log({
 'main' : testElement.classList.contains('main'),
 'cont' : testElement.classList.contains('cont'),
 'content' : testElement.classList.contains('content'),
 'main-cont' : testElement.classList.contains('main-cont'),
 'main-content' : testElement.classList.contains('main-content'),
 'main main-content' : testElement.classList.contains('main main-content')
});

<div id="test" class="main main-content content"></div>

In modern browsers, you can just use the contains method of Element.classList :

testElement.classList.contains(className)

Demo

var testElement = document.getElementById('test');
console.log({
 'main' : testElement.classList.contains('main'),
 'cont' : testElement.classList.contains('cont'),
 'content' : testElement.classList.contains('content'),
 'main-cont' : testElement.classList.contains('main-cont'),
 'main-content' : testElement.classList.contains('main-content')
});

<div id="test" class="main main-content content"></div>

Supported browsers

enter image description here

(from CanIUse.com)

Polyfill

If you want to use Element.classList but you also want to support older browsers, consider using this polyfill by Eli Grey.

In modern browsers, you can just use the contains method of Element.classList :

testElement.classList.contains(className)

Demo

var testElement = document.getElementById('test');
console.log({
 'main' : testElement.classList.contains('main'),
 'cont' : testElement.classList.contains('cont'),
 'content' : testElement.classList.contains('content'),
 'main-cont' : testElement.classList.contains('main-cont'),
 'main-content' : testElement.classList.contains('main-content'),
 'main main-content' : testElement.classList.contains('main main-content')
});

<div id="test" class="main main-content content"></div>

Supported browsers

enter image description here

(from CanIUse.com)

Polyfill

If you want to use Element.classList but you also want to support older browsers, consider using this polyfill by Eli Grey.

var testElement = document.getElementById('test');
console.log({
 'main' : testElement.classList.contains('main'),
 'cont' : testElement.classList.contains('cont'),
 'content' : testElement.classList.contains('content'),
 'main-cont' : testElement.classList.contains('main-cont'),
 'main-content' : testElement.classList.contains('main-content')
});

<div id="test" class="main main-content content"></div>

In modern browsers, you can just use the contains method of Element.classList :

testElement.classList.contains(className)

Demo

var testElement = document.getElementById('test');
console.log({
 'main' : testElement.classList.contains('main'),
 'cont' : testElement.classList.contains('cont'),
 'content' : testElement.classList.contains('content'),
 'main-cont' : testElement.classList.contains('main-cont'),
 'main-content' : testElement.classList.contains('main-content')
});

<div id="test" class="main main-content content"></div>

Supported browsers

enter image description here

(from CanIUse.com)

Polyfill

If you want to use Element.classList but you also want to support older browsers, consider using this polyfill by Eli Grey.

In modern browsers, you can just use the contains method of Element.classList :

testElement.classList.contains(className)

Demo

var testElement = document.getElementById('test');
console.log({
 'main' : testElement.classList.contains('main'),
 'cont' : testElement.classList.contains('cont'),
 'content' : testElement.classList.contains('content'),
 'main-cont' : testElement.classList.contains('main-cont'),
 'main-content' : testElement.classList.contains('main-content')
});

<div id="test" class="main main-content content"></div>

Supported browsers

enter image description here

(from CanIUse.com)

Polyfill

If you want to use Element.classList but you also want to support older browsers, consider using this polyfill by Eli Grey.

var testElement = document.getElementById('test');
console.log({
 'main' : testElement.classList.contains('main'),
 'cont' : testElement.classList.contains('cont'),
 'content' : testElement.classList.contains('content'),
 'main-cont' : testElement.classList.contains('main-cont'),
 'main-content' : testElement.classList.contains('main-content')
});

<div id="test" class="main main-content content"></div>

In modern browsers, you can just use the contains method of Element.classList :

testElement.classList.contains(className)

###Demo

var testElement = document.getElementById('test');
console.log({
 'main' : testElement.classList.contains('main'),
 'cont' : testElement.classList.contains('cont'),
 'content' : testElement.classList.contains('content'),
 'main-cont' : testElement.classList.contains('main-cont'),
 'main-content' : testElement.classList.contains('main-content')
});

<div id="test" class="main main-content content"></div>

###Supported browsers

enter image description here

(from CanIUse.com)

###Polyfill

If you want to use Element.classList but you also want to support older browsers, consider using this polyfill by Eli Grey.

In modern browsers, you can just use the contains method of Element.classList :

testElement.classList.contains(className)

Demo

var testElement = document.getElementById('test');
console.log({
 'main' : testElement.classList.contains('main'),
 'cont' : testElement.classList.contains('cont'),
 'content' : testElement.classList.contains('content'),
 'main-cont' : testElement.classList.contains('main-cont'),
 'main-content' : testElement.classList.contains('main-content')
});

<div id="test" class="main main-content content"></div>

Supported browsers

enter image description here

(from CanIUse.com)

Polyfill

If you want to use Element.classList but you also want to support older browsers, consider using this polyfill by Eli Grey.