getElement... or querySelector?

Hi Jason!

Sometimes the Treehouse course instructions, and therefore the task test(s), will require one or the other (and is often very unforgiving if you use the wrong one, instead.

getElementById and querySelector('#elementId') can in many cases be used interchangably, hawever.

querySelector can be a little more useful, sometimes, though

With getElementById, you are limited to targeting ONLY and element with an id.

With querySelector, you can also target an element's descendants directly.

With getElementById, you'd have to target the element and then daisy-chain on additional DOM traversal properties and/or functions to target its descendants.

So with querySelector, you could do:

const myDivLink = document.querySelector('#myDiv1 a');

With getElementBy Id you'd have to do something like this (to achieve the same goal):

const myDivLink document.getElementById('myDiv1').firstChild;

(Assuming the first child of the div is the anchor tag you want to target, that is!?!)

I hope that helps.

Stay safe and happy coding!