Skip to content

Instantly share code, notes, and snippets.

@simo97
Created August 12, 2019 15:48
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save simo97/90bb4d91991d2f5f86ba8c65da4bbc5e to your computer and use it in GitHub Desktop.
Save simo97/90bb4d91991d2f5f86ba8c65da4bbc5e to your computer and use it in GitHub Desktop.
function addDomNodes(nodeToAdd, nodeParentWhereNodeIsAdded, typeOfInsertion = "innerHtml"){
return new Promise((resolve) => {
requestAnimationFrame(() => {
typeOfInsertion === "innerHtml" ? nodeParentWhereNodeIsAdded.innerHTML = nodeToAdd : nodeParentWhereNodeIsAdded.insertAdjacentHTML('beforeend', nodeToAdd);
resolve(nodeParentWhereNodeIsAdded);
}, nodeParentWhereNodeIsAdded);
});
}
function removeDomNodes(domChildToRemove, domParent){
return new Promise((resolve) => {
requestAnimationFrame(() => {
let childToRemove = domParent.removeChild(domChildToRemove);
childToRemove = null;
resolve(domParent);
}, domParent);
});
}
@simo97
Copy link
Author

simo97 commented Aug 12, 2019

This haven't been created by me just what Edward Newgate wrote on this FB Post, https://www.facebook.com/zenbonzakura/posts/10211541195884689. This code snipped is described as a : "snipped for the fastest dom nodes insertion and the dom nodes safe deletion"

@Elyft
Copy link

Elyft commented Aug 13, 2019

Nice

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment