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
Watch the following video see an example showing the different between two methods.