Получить только первый класс элемента HTML

Я использую   event.target.className для получения ClassName, но иногда элемент имеет несколько имен классов, как я могу это сделать, поэтому он только дает имя первого класса в качестве результата?

О, и, пожалуйста, без jQuery.

Ответы

Ответ 1

Существуют различные способы получения первого класса элемента

Метод сначала: использование свойства className

Использование свойства className элементов DOM с функцией split, которая будет разбивать классName на пробелы и возвращать массив.

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

Свойство className поддерживается во всех основных браузерах.

Второй метод: использование свойства classList

Использование свойства classList элементов DOM, возвращающих DOMTokenList Объект классов (уже разделенный пробелом)

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

Свойство classList относительно новое и относительно быстрое. Это не поддерживается в IE8 и IE9. Поддержка в различных браузерах

Проверить производительность классаList vs className