Check an element hasClass with vanilla Javascript

Check an element hasClass with vanilla Javascript

Consider two DOM elements below: 

Element example 1


Element example 2


To check which element has class "test", we should create a helper function and use it like this: 

function hasClass(elementId, className) {
	const element = document.getElementById(elementId);
	return (` ${element.className} `).replace(/[\n\t]/g, ' ').indexOf(` ${className} `) > -1;
}

console.log(hasClass('el1', 'test')) // true
console.log(hasClass('el2', 'test')) // false


The function need two parameters: elementId is ID of element that you want to find class name className

The replace method searches a string for a specified value, or a regular expression, and returns a new string where the specified values are replaced
The indexOf method returns the first index at which a given element can be found in the array, or -1 if it is not present


check class namecheck contain classhasclassjavascript

Latest

R

Remove an object item from array by ID in Javascript

H

How to reverse an array in Javascript without changing the original array?

A

Auto scroll to a specify element every time open webpage by Javascript

H

How to scroll to top every time React router change?

G

Get height or width of an element in Javascript

T

The way to separate logic code of the Vuejs component into smaller files

Related

R

Remove an object item from array by ID in Javascript

H

How to reverse an array in Javascript without changing the original array?

A

Auto scroll to a specify element every time open webpage by Javascript

G

Get height or width of an element in Javascript

C

Convert HTML raw string to DOM Nodes in Javascript

P

Pass the value of only one argument that you don't want to change the value of the rest argument

© 2019 4codev

Created with love by Sil.