pnxdxt / help-dom

Small js package I use to help me deal with the dom

help-dom

Small js package I use to help me deal with the dom

Install

$ npm install help-dom

Import

This package is pure ESM. It cannot be require()'d from CommonJS.

Use import foo from 'foo' instead of const foo = require('foo') to import the package.

// Load entire build
import * as helpDom from 'help-dom';

// Load by method
import {main} from 'help-dom';

If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).

You also need to make sure you're on the latest minor version of Node.js. At minimum Node.js 12.20, 14.14, or 16.0.

Read more here: sindresorhus/esm-package

Usage

main([1,2,3], (element) => typeof element === 'string');
//=> false

main(['1', '2', '3'], (element) => typeof element === 'string');
//=> true

API

allElements(selector) : Select all elements matching given selector.

appendTo(element, target)

prependTo(element, target)

attsToString

classPresentIf : Add/remove a given class if condition is true/false.

createElement : Create a single DOM element.

createElementsArray : Create an array of DOM elements from given html.

getAttributes : Get attributes of element as an object with key/value.

getBoundingClientRect :

getCookie : Get the value of a cookie.

getImageSizeByUrl

getIndex : Returns the index of a node in a nodeList.

getLocalStorage2 :

getOffset :

getOffsetParent :

getParentByData :

getParentById :

getPosition :

getPositionFromOffset :

getScroll :

getSessionStorage2 :

getUserLanguage :

getViewportPosition :

glb :

id :

insertAfter :

insertBefore :

isWebComponent :

makeStorageHelper :

nextChild :

objectifyForm :

offDOM :

onDOM :

onDOMMany :

removeElements :

serialize :

setCaretPosition :

setContent :

store :

tag :

toClipboard :

toClipboardFromElement :

windowLoaded :

License

MIT © Paul Nodet