Mini DOM Helper

This is a tiny DOM helper library written in plain JavaScript. It's meant as a learning example and a tiny utility for simple DOM tasks.

Features

• Selection: $(selector) returns an array of matched elements
• Create elements: create(tag, attrs, children)
• HTML setter/getter: html(el, value)
• Append: append(parent, child)
• Events: on(el, event, handler), off(...)
• Attributes: attr(el, name, value)
• CSS: css(el, prop, value)
• Class helpers: addClass, removeClass, toggleClass
• Traversal: find, closest
• Ready: ready(fn)

Quick usage

1. In Node/browserify/webpack environment:

const mini = require('mini-dom-helper'); const div = mini.create('div', { id: 'x', text: 'Hello' }); mini.append(document.body, div);

2. In browser (with bundler) similar usage.

Tests Run:

npm install
npm test