I'm using the
event.target.className
to get the ClassName
, but sometimes an element has multiple class names, how can I make it,
so it only gives the first class name as outcome?
Oh, and please without jQuery.
There are various ways to get first class of an element
Method first : Using className property
Using the className property of DOM elements with the split function which will split className by spaces and return an array.
event.target.className.split(" ")[0]; //0 to retrieve first class
The className property is supported in all major browsers.
Method second : Using classList property
Using the classList property of DOM elements which return a DOMTokenList Object of classes(already split by space)
event.target.classList[0]; //0 to retrieve first class
The classList property is relatively new and relatively faster too. This is not supported in IE8 and IE9. Support in various browsers