#       
## Overview
We can use the **`classList` property** of the DOM element to check if the element contains a specific class. 

> **Note:** The `classList` property contains the live collection of classes present in the DOM element.

## Example 

<html>
 <head>
 </head>
 <body>
  <div id="content" class="red">
    I am DOM element having "red" class
  </div>
 </body>
</html>

let element = document.getElementById('content');

let classList = element.classList;

let hasRedClass = classList.contains('red');
console.log("Checking element has 'red' class ;" + hasRedClass);

let hasBlueClass = classList.contains('bue');
console.log("Checking element has 'blue' class :" + hasBlueClass);

console.log("All classes of the element is : " + classList);

codemirror

console

## Explanation

In the HTML tab:

* We create a `div` with `id=content` and `class=red`.

In JavaScript tab:

* **Line 1:** We use the `getElementById` to get the element with `content` and store it in the `element` variable.

 * **Line 3**: We access the `classList` property of the `element` and store it in a variable.

* **Line 5**: We use the `contains` method of the `classList` property to check if the `element` has `red` class. In our case, the `red` class is present, so `true` is returned.

* **Line 8**: We use the `contains` method of the `classList` property to check if the `element` has `blue` class. In our case, the `blue` class is not present, so `false` is returned.

* **Line 11**: We print the `classList` variable. This will print all the classes present in the `element`.

How to check if DOM element contains CSS class using JavaScript

Use classList's contains method to determine if an element has a specific CSS class.