Small js package I use to help me deal with the dom
$ npm install help-dom
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
main([1,2,3], (element) => typeof element === 'string');
//=> false
main(['1', '2', '3'], (element) => typeof element === 'string');
//=> true
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
:
MIT © Paul Nodet