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. Split a string in javascript when both comma and spaces are present
2. window vs document
3. Difference between async and defer attributes in script tags
4. Array filterUntil function implementation for javascript
5. Promise javascript examples