Define and Explain the HTML Collection
The HTML collection represents a live general collection collection of elements from the document and has several properties that can be selected and used. The HTML collection automatically updates when edits are made to the original file.
Define and Explain the NodeList
The NodeList is a static general collection of nodes from the document. The NodeList also has many properties that can be used and selected. Since the NodeList is static, if an element were to be added to the DOM, the NodeList would not change.
Explain Differences and/or Similarities
The HTML Collection and NodeList both have a length property that returns the number of elements in the list. The NodeList can also be more similar to the HTML Collection since it can sometimes be live. However, this is very rare and it is usually static. The HTML Collection is a collection of elements while the NodeList is a collection of nodes.
Summary
The HTML Collection and the NodeList work together in the DOM to render a file on the browser. Each collection holds important parts for the file and it's important to know how each one updates: the HTML collection is live and updates right away while the NodeList is static and usually remains the same if an element is added to the DOM.