README.md

The DOM

The set of DOM APIs for traversing and manipulating the DOM.

Below, you will notice PlayUI's radical new approach to the DOM that offers a pair of synchronous and asynchronous methods for operations that affect the browser's Layout. The asynchronous methods employ a technique that prevents Layout Thrashing to keep the UI at maximum performance. These asynchronous methods are what you want! The synchronous versions would, however, need to go with the Reflow DOM abstraction utility to achieve the same level of performance.

Modules in this set can be imported individually or collectively.

// Import all modules
import * as DOM from '@web-native-js/play-ui/src/dom/index.js';
let select = DOM.select;

// Import a module
import select from '@web-native-js/play-ui/src/dom/select.js';

API

• DOM/select()
• DOM/selectAll()
• DOM/el()
• DOM/appendSync()
• DOM/appendAsync()
• DOM/prependSync()
• DOM/prependAsync()
• DOM/htmlSync()
• DOM/htmlAsync()
• DOM/textSync()
• DOM/textAsync()
• DOM/attrSync()
• DOM/attrAsync()
• DOM/classSync()
• DOM/classAsync()
• DOM/data()
• DOM/getTextNodes()
• DOM/mutationCallback()
• DOM/connectedCallback()
• DOM/disconnectedCallback()
• DOM/attrChangeCallback()