obtener sólo la primera clase de un elemento HTML

Question

estoy usando el event.target.className para obtener el nombre de clase, pero a veces un elemento tiene múltiples nombres de las clases, ¿cómo puedo hacerlo, por lo que solamente da el first class nombre como resultado?

Ah, y por favor sin jQuery.

Answer 1

Hay varias maneras de obtener de primera clase de un elemento

Método primera: Usando className propiedad

Utilizando la propiedad className de elementos DOM con la función de división que dividir className por espacios y devuelve una matriz.

event.target.className.split(" ")[0]; //0 to retrieve first class 

La propiedad className es compatible con todos los principales navegadores.

Método segunda: Uso de propiedad classList

Utilizando la propiedad classList de elementos DOM que devuelven un objeto DOMTokenList de clases (ya dividir por espacio)

event.target.classList[0]; //0 to retrieve first class 

La propiedad classList es relativamente nuevo y relativamente rápido también. Esto no es compatible con IE8 e IE9. Support in various browsers

Check performance of classList vs className