Объясните пожалуйста в чем разницы - в обоих случаях выводятся объекты, в одном 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-объекты тоже разные бывают если чо
используются для разных задач. где-то нужно искать первую дочку, а где-то конкретный дочерний элемент