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. Difference between async and defer attributes in script tags
3. Pure vs Impure functions
4. Getting started with localStorage vs sessionStorage in html5
5. Error handling in promises interview question