I don't understand why my code is not working.

Challenge question

On line 3 of app.js, select all images in the footer element and assign them to footerImages.

let footerImgs = document.querySelector('footer'); let footerImages = footerImgs.querySelectorAll('a');

why can't I use document.querySelector('footer') to select the footer tag and then use footerImgs.querySelectorAll('a') to select all the links inside the footer.

Challenge question

On line 3 of app.js, select all images in the footer element and assign them to footerImages.

let footerImgs = document.querySelector('footer'); let footerImages = footerImgs.querySelectorAll('a');

second try

in the console when i run document.querySelector('footer > a');

the console prints: NodeList(2) [a, a]

i have already tried footerImages = document.querySelectorAll('footer > a')[0]; didn't work.

let footerImgs = document.querySelectorAll('footer > a'); let footerImages; for (let i = 0; i < footerImgs.length; i += 1){ footerImages[i] = document.querySelectorAll('footer > a')[i]; }