@dflex/dom-gen

DOM relations generator algorithm

Usage no npm install needed!

<script type="module">
  import dflexDomGen from 'https://cdn.skypack.dev/@dflex/dom-gen';
</script>

README

Dflex logo

DOM relations generator algorithm

Dflex build status number of opened pull requests number of opened issues Dflex welcomes pull request

@dflex/dom-gen

Dom generator generates relations between DOM elements based on element depth without a browser.

It generates three keys: Siblings, Parent and Children keys and two indexes one refers to node order in its level and the other refers to the parent index in parental level.

Together: keys and indexes combined form of uniqueness for each element.

Installation 📦

npm install @dflex/dom-gen

Documentation 📖

Visit DFlex site for docs https://www.dflex.dev/ and live demo.

Related Content 🏋️‍

Drag & Drop

A Drag-and-Drop package for all JavaScript frameworks implementing an enhanced transformation mechanism to manipulate DOM elements. You can achieve a drag and drop with three steps only with mouse/touch event.

Draggable

DFlex Draggable is the simplest solution to create JavaScript draggable only elements.

Utils/DOM Store

The only Store that allows you to traverse through the DOM tree using element id without reading from the browser.