onnodesinserted

0.8.1 • Public • Published

onNodesInserted

Get notified when DOM node is inserted. Browser support: Any that supports document.querySelectorAll

onNodesInserted attempts to use animationStart event, but falls back to setTimeout in older browsers.

Example

// onNodesInserted takes 10ms to start. It avoids getting elements on initial load
onNodesInserted('.hello', function(newElements) {
    console.log(newElements); // [div]
});

// wait 100ms, so onNodesInserted is listening
setTimeout(function() {
    document.creatElement('div');
    div.className = 'hello';
    document.body.appendChild(div);
}, 100);

API

// Listen to nodes inserted. CSS_SELECTOR must be 2.1 to support IE8
// Callback gets passed an array of HTMLElements
onNodesInserted(<CSS_SELECTOR>,<CALLBACK>);

// For older browsers, onNodesInserted polls for new DOM elements. Set the poll time. By default it's 400ms.
onNodesInserted.setPollTime(<POLL_TIME>);

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.8.1
    2
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 0.8.1
    2
  • 0.7.6
    1
  • 0.7.5
    0
  • 0.7.2
    0
  • 0.7.0
    0

Package Sidebar

Install

npm i onnodesinserted

Weekly Downloads

3

Version

0.8.1

License

MIT

Last publish

Collaborators

  • taylorhakes