SDOM

function SDOM(mainElement = document.createElement("div")) {
  function dom(dom = document.createElement("div")) {
    this.domElement = dom;
  }

  dom.prototype.add = function(element) {
    if(element.domElement) {
      this.domElement.appendChild(element.domElement);
    }

  }

  dom.prototype.remove = function(element) {
    try {
      this.domElement.removeChild(element);
    }
    catch(e) {
      throw e;
    }
  }

  dom.prototype.applyAttributes = function(attributes = {}) {
    for(var key in attributes) {
      this.domElement.setAttribute(key,attributes[key]);
    }
    return this;
  }

  this.dom = dom;
  this.domElement = new dom(mainElement);
}

SDOM.prototype.form = function() {
  var dom = this.element("form");
  return dom;
}

SDOM.prototype.input = function(data = {}) {
  var dom = this.element("input");
  dom.applyAttributes(data);
  return dom;
}

SDOM.prototype.element = function(name, data = {}) {
  return new this.dom(document.createElement(name)).applyAttributes(data);
}

SDOM.prototype.header = function(name, data = {}) {
  var dom = this.element("div");
  dom.domElement.innerHTML = name;
  dom.domElement.className = "s-hdr";
  dom.applyAttributes(data);
  return dom;
}

SDOM.prototype.list = function(name, data = {}) {
  var dom = this.element("div");
  dom.add(this.header(name));
  dom.domElement.className = "s-lst";
  dom.applyAttributes(data);
  return dom;
}

SDOM.prototype.flex = function(data = {}) {
  var dom = this.element("div");
  dom.domElement.className = "s-flx";
  dom.applyAttributes(data);
  return dom;
}