Im just wondering in order to remove a parent, you need to go to its parentNode. such as:
div.parentNode.removeChild(div);
What happens if div has no parents? How can you remove div without going to its parents?
Im just wondering in order to remove a parent, you need to go to its parentNode. such as:
div.parentNode.removeChild(div);
What happens if div has no parents? How can you remove div without going to its parents?
If a div element doesn't have parent, there is no place to remove this div from, so your div element doesn't exist in the page.
It's safe to use div.parentNode.removeChild(div);
because if the div element doesn't have a parent, it is already removed, or just never added to the page.
No need to go to the parent. Just use remove
.
div.remove();
That will remove the exact node.
This is not supported in older browsers so you would need a polyfill for them as defined on this page: http://devdocs.io/dom/childnode/remove