formit/lib/utilities/dom.js

A speedy way to create HTML forms.

import { eachProps } from './objects';

export const isNodeElement = node => {
  return node && (node instanceof Element || node.nodeType === 1 || node === document);
};

export const el = selector => selector && document.createElement(selector);

export const addClass = (node, className) => {
  if (!node || !className) return node;

  const classNames = typeof className === 'string' ? className.split(' ') : className;

  if (!classNames) return node;

  classNames.forEach(n => {
    n && node.classList.add(n);
  });

  return node;
};

export const addPropsToNode = (node, props) => {
  eachProps(props, key => {
    const value = props[key];
    if (key === 'style') {
      eachProps(value, styleProp => {
        node.style[styleProp] = value[styleProp];
      });
    } else if (key === 'class') {
      addClass(node, value);
    } else {
      node.setAttribute(key, value);
    }
  });

  return node;
};