В чем разница. Задача 11/23

Объясните пожалуйста в чем разницы - в обоих случаях выводятся объекты, в одном htmlcollection, в другом случае nodelist?

console.log(cardList.children);
Выводит: {0: {}, 1: {}, 2: {}, 3: {}} (htmlcollection)

console.log(document.querySelectorAll(’.product’));
Выводит: {0: {}, 1: {}, 2: {}, 3: {}} (nodelist)

тоже интересен ответ.

потому что один это динамическая коллекция, т.е. будет меняться, если изменить структуру DOM
а другой - это список узлов DOM по селектору, который не изменится при динамическом изменении DOM-древа

DOM-объекты тоже разные бывают если чо
используются для разных задач. где-то нужно искать первую дочку, а где-то конкретный дочерний элемент