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. Applying floats to inline elements
2. css : center element vertically and horizontally
3. es6 iterators and iterables - creating custom iterators
4. A simple requestAnimationFrame example visually explained
5. css: margin does not work