You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
suresh 7185b2d1c4
Removed multer
3 years ago
..
activeElement Removed multer 3 years ago
addClass Removed multer 3 years ago
addEventListener Removed multer 3 years ago
animate Removed multer 3 years ago
animationFrame Removed multer 3 years ago
attribute Removed multer 3 years ago
camelize Removed multer 3 years ago
camelizeStyle Removed multer 3 years ago
canUseDOM Removed multer 3 years ago
childElements Removed multer 3 years ago
childNodes Removed multer 3 years ago
cjs Removed multer 3 years ago
clear Removed multer 3 years ago
closest Removed multer 3 years ago
collectElements Removed multer 3 years ago
collectSiblings Removed multer 3 years ago
contains Removed multer 3 years ago
css Removed multer 3 years ago
esm Removed multer 3 years ago
filterEventHandler Removed multer 3 years ago
getComputedStyle Removed multer 3 years ago
getScrollAccessor Removed multer 3 years ago
hasClass Removed multer 3 years ago
height Removed multer 3 years ago
hyphenate Removed multer 3 years ago
hyphenateStyle Removed multer 3 years ago
insertAfter Removed multer 3 years ago
isDocument Removed multer 3 years ago
isInput Removed multer 3 years ago
isTransform Removed multer 3 years ago
isVisible Removed multer 3 years ago
isWindow Removed multer 3 years ago
listen Removed multer 3 years ago
matches Removed multer 3 years ago
nextUntil Removed multer 3 years ago
offset Removed multer 3 years ago
offsetParent Removed multer 3 years ago
ownerDocument Removed multer 3 years ago
ownerWindow Removed multer 3 years ago
parents Removed multer 3 years ago
position Removed multer 3 years ago
prepend Removed multer 3 years ago
querySelectorAll Removed multer 3 years ago
remove Removed multer 3 years ago
removeClass Removed multer 3 years ago
removeEventListener Removed multer 3 years ago
scrollLeft Removed multer 3 years ago
scrollParent Removed multer 3 years ago
scrollTo Removed multer 3 years ago
scrollTop Removed multer 3 years ago
scrollbarSize Removed multer 3 years ago
siblings Removed multer 3 years ago
text Removed multer 3 years ago
toggleClass Removed multer 3 years ago
transitionEnd Removed multer 3 years ago
triggerEvent Removed multer 3 years ago
width Removed multer 3 years ago
LICENSE Removed multer 3 years ago
README.md Removed multer 3 years ago
package.json Removed multer 3 years ago

README.md

dom-helpers

tiny modular DOM lib for ie9+

Install

npm i -S dom-helpers

Mostly just naive wrappers around common DOM API inconsistencies, Cross browser work is minimal and mostly taken from jQuery. This library doesn't do a lot to normalize behavior across browsers, it mostly seeks to provide a common interface, and eliminate the need to write the same damn if (ie9) statements in every project.

For example on() works in all browsers ie9+ but it uses the native event system so actual event oddities will continue to exist. If you need robust cross-browser support, use jQuery. If you are just tired of rewriting:

if (document.addEventListener)
  return (node, eventName, handler, capture) =>
    node.addEventListener(eventName, handler, capture || false)
else if (document.attachEvent)
  return (node, eventName, handler) =>
    node.attachEvent('on' + eventName, handler)

over and over again, or you need a ok getComputedStyle polyfill but don't want to include all of jQuery, use this.

dom-helpers does expect certain, polyfillable, es5 features to be present for which you can use es5-shim where needed

The real advantage to this collection is that any method can be required individually, meaning bundlers like webpack will only include the exact methods you use. This is great for environments where jQuery doesn't make sense, such as React where you only occasionally need to do direct DOM manipulation.

All methods are exported as a flat namesapce

var helpers = require('dom-helpers')
var offset = require('dom-helpers/offset')

// style is a function
require('dom-helpers/css')(node, { width: '40px' })
  • dom-helpers
    • ownerDocument(element): returns the element's document owner
    • ownerWindow(element): returns the element's document window
    • activeElement: return focused element safely
    • querySelectorAll(element, selector): optimized qsa, uses getElementBy{Id|TagName|ClassName} if it can.
    • contains(container, element)
    • height(element, useClientHeight)
    • width(element, useClientWidth)
    • matches(element, selector)
    • offset(element) -> { top: Number, left: Number, height: Number, width: Number}
    • offsetParent(element): return the parent node that the element is offset from
    • position(element, [offsetParent]: return "offset" of the node to its offsetParent, optionally you can specify the offset parent if different than the "real" one
    • scrollTop(element, [value])
    • scrollLeft(element, [value])
    • scrollParent(element)
    • addClass(element, className)
    • removeClass(element, className)
    • hasClass(element, className)
    • toggleClass(element, className)
    • style(element, propName) or style(element, objectOfPropValues)
    • getComputedStyle(element) -> getPropertyValue(name)
    • animate(node, properties, duration, easing, callback) programmatically start css transitions
    • transitionEnd(node, handler, [duration], [padding]) listens for transition end, and ensures that the handler if called even if the transition fails to fire its end event. Will attempt to read duration from the element, otherwise one can be provided
    • addEventListener(node, eventName, handler, [options]):
    • removeEventListener(node, eventName, handler, [options]):
    • listen(node, eventName, handler, [options]): wraps addEventlistener and returns a function that calls removeEventListener for you
    • filter(selector, fn): returns a function handler that only fires when the target matches or is contained in the selector ex: on(list, 'click', filter('li > a', handler))
    • requestAnimationFrame(cb) returns an ID for canceling
    • cancelAnimationFrame(id)
    • scrollbarSize([recalc]) returns the scrollbar's width size in pixels
    • scrollTo(element, [scrollParent])