Живые и неживые коллекции в JS



Вот разница между NodeList и HtmlCollection:



NodeList - неживая коллекция (при обновление элементов в Dom не обновляется)



HtmlCollection - живая коллекця (если ее получить и сохранить, потом обновить состояние DOM, сохраненное значение изменится)



в большинстве случаев неживой коллекции достаточно, но если вам нужно получать обновления в сохраненной коллекции - используйте



getElementsByTagName

getElementsByClassName

getElementsByName

.children



вместо



querySelectorAll



#js #html