• Jump To … +
    chain.js classList.js collection.js delegate.js extend.js has.js invoke.js isBlank.js isFunction.js isObject.js isRegExp.js isString.js isUndefined.js mapEvents.js mapSelections.js matches.js pluck.js query.js queryAll.js result.js tap.js template.js tokenize.js util.js washi.js

  • classList.js

  • ¶

    A collection of methods for manipulating classes.

    var isDOM    = require('is-dom');
var tokenize = require('./tokenize');
var result   = require('./result');

var classList = {
  • ¶

    Given an element and a string of classes, add those classes if the element is a DOM node

      addClass: function(el, classes) {
    if (isDOM(el)) {
      tokenize(classes).map(function(token) {
        el.classList.add(token);
      });
    }
  },
  • ¶

    Given an element and a string of classes, remove those classes if the element is a DOM node

      removeClass: function(el, classes) {
    if (isDOM(el)) {
      tokenize(classes).map(function(token) {
        el.classList.remove(token);
      });
    }
  },
  • ¶

    Given an element and a string of classes, add or remove those classes based upon a boolean

      toggleClass: function(el, classes, keep) {
    if (isDOM(el) && arguments.length === 2) {
      tokenize(classes).map(function(token) {
        el.classList.toggle(token);
      });
    } else {
      if (keep) {
        classList.addClass(el, classes);
      } else {
        classList.removeClass(el, classes);
      }
    }
  }

};

module.exports = classList;