https://github.com/taylorhakes/onnodesinserted
Get notified when DOM node is inserted
https://github.com/taylorhakes/onnodesinserted
Last synced: 7 months ago
JSON representation
Get notified when DOM node is inserted
- Host: GitHub
- URL: https://github.com/taylorhakes/onnodesinserted
- Owner: taylorhakes
- License: mit
- Created: 2014-04-26T21:06:24.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2014-07-12T17:19:38.000Z (about 11 years ago)
- Last Synced: 2025-02-25T00:51:20.982Z (8 months ago)
- Language: JavaScript
- Size: 251 KB
- Stars: 1
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
onNodesInserted
==============
Get notified when DOM node is inserted.
Browser support:
Any that supports [document.querySelectorAll](http://caniuse.com/queryselector)
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(,);
// For older browsers, onNodesInserted polls for new DOM elements. Set the poll time. By default it's 400ms.
onNodesInserted.setPollTime();
```