JavaScript. NodeList против HTML коллекции. QuerySelector против getElementsByTagName

⏰ Курс JavaScript 2.0: https://itgid.info/course/javascript-2
✈️ Чат Telegram : https://t.me/itgid_info
👇 Разверни для полной информации
💎 Курс Функции в JavaScript: https://itgid.info/course/function-2021
🧑🏻‍💻 Сайт: https://itgid.info
Курс Методы массивов: https://itgid.info/course/arraymethod

00:00 Задача из телеграм
01:00 Получаем NodeList и HTML collection
03:30 Живая коллекция HTML и NodeList
07:34 ForOf для перебора NodeList
09:06 forEach и map для NodeList. Array.from
11:03 HTML коллекция и циклы
12:20 HTML коллекция и forEach
14:00 Живая коллекция и ArrayFrom


Различия между HTML коллекцией и NodeList в JavaScript. Получаем и сравниваем динамическую коллекцию HTML и статический Node лист. Добавляем элементы на страницу, пробуем перебрать коллекцию и node лист с помощью циклом for let i, for of, и методами массивов map, forEach. Изучаем как влияет Array.from на живую коллекцию.

Моя рабочая станция:
Processor: AMD Ryzen5 1600 Six-core processor
Video: Asus GeForce GTX 1650 Phoenix 4GB GDDR6
RAM: 16GB
Motheboard: MSI A320M PRO-M2 V2
HDD:
Samsung 860 Evo-Series 500GB M.2
Toshiba P300 2TB
Silicon Power A56 256GB

Power: Chieftec Value APB-400B8 400W Bulk
Monitors:
23.8" Dell P2419HC
23.8" Dell P2418D

Box: Gougar MX350 Mesh

Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro

MacBook Pro M1 13'' 8-Core CPU/8-Core GPU/16-core Neural Engine /16GB/256GB
IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics