querySelector vs getElementById

Get Element By Id

• It returns a node list which is live, meaning if you add or remove any element from the DOM the node list will update
• It is faster relative to the query selector methods

Query Selector

• It returns a node list which was available at the time of the execution

Also Read:

1. css: margin does not work
2. Using es6 modules with simple examples
3. Difference between async and defer attributes in script tags
4. Getting started with es6 iterators and iterables
5. css - vertically align text