@inkline/inkline/src/helpers/addClass.ts

Inkline is the Vue.js UI/UX Library built for creating your next design system

import { hasClass } from './hasClass';

/**
 * Add new classes to the given element
 *
 * @param element
 * @param classes
 */
export function addClass (element: HTMLElement, classes: string) {
    if (!element) return;

    let currentClass = element.className;
    const classList = (classes || '').split(' ');

    for (let i = 0, j = classList.length; i < j; i++) {
        const className = classList[i];
        if (!className) continue;

        if (element.classList) {
            element.classList.add(className);
        } else if (!hasClass(element, className)) {
            currentClass += ' ' + className;
        }
    }

    if (!element.classList) {
        element.className = currentClass;
    }
}