dom

A collection of useful DOM interaction functions.

Usage

import { getElement, getElements, createElement, append } from '@thrillworksinc/dom';

// Query and loop through elements
getElements('.hide-me').forEach(element => {
  element.style.display = 'none';
});

// Create and append elements
const parent = getElement('.container');
const child = createElement('a', { href: '#', className: 'my-cool-anchor' }, "Click me!");
append(parent, child);

// Query an element with a parent context
getElement('.my-cool-anchor', parent);

Functions

| Name | Description | Arguments | |:--------------|:----------------------------------|:--------------------------| | getElement | Gets an individual element | selector, context | | getElements | Gets an array of elements | selector, context | | createElement | Creates an element | tagName, attrs, innerHTML | | getChildren | Get all child nodes of an element | element | | empty | Empties an element of child nodes | element | | fill | Fills an element with child nodes | element, ...children | | append | Appends one element to another | parent, child | | prepend | Prepends one element to another | parent, child |