@jstiller/dom v0.0.1

dom

A little library to manipulate the dom

parse

dom.parse('<div><p>text</p></div><button>button</button>');

insert

element

var existingNode = document.querySelector('body').firstChild,
    newNode = document.createElement('div');

dom.insert.element(newNode).before(existingNode);

var existingNode = document.querySelector('body').firstChild,
    newNode = document.createElement('div');

dom.insert.element(newNode).after(existingNode);

var existingNode = document.querySelector('body').firstChild,
    newNode = document.createElement('div');

dom.insert.element(newNode).into(existingNode);

className

var existingNode = document.createElement('div');

dom.insert.className('class').to(existingNode);

text

var existingNode = document.createElement('div');

dom.insert.text('text ...').before(existingNode);

var existingNode = document.createElement('div');

dom.insert.text('text ...').after(existingNode);

var existingNode = document.createElement('div');

dom.insert.text('text ...').into(existingNode);

replace

element

var mainNode = dom.find('main'),
  newMainNode = dom.find('main');

dom.replace.element(mainNode).by(newMainNode);

text

var mainNode = dom.find('main');

dom.replace.text('text ...').of(mainNode);

remove

element

var mainNode = dom.find('main');
dom.remove.element(mainNode);

className

var mainNode = dom.find('main');
dom.remove.className('class').from(mainNode);

find

var mainNode = dom.find('main');

var mainNode = dom.find('main', {
  quantity: 'all'
});

var mainNode = dom.find('main', {
  context: document,
});

var mainNode = dom.find('main', {
  quantity: 'one',
  context: document,
});