Posts

Showing posts from January, 2024

Understanding NodeList

Image
A NodeList is a type of collection of nodes that is returned by some DOM methods, such as querySelectorAll . It represents a (non-live) list of nodes or elements in an HTML document. Each node in the NodeList corresponds to an element found by the specified selector. Key characteristics of NodeList : Node Collection: The NodeList contains DOM nodes, such as elements, attributes, or even text nodes. Order and Indices: Nodes in the NodeList are maintained in the order they appear in the document. You can access nodes using indices, similar to an array. Static: A NodeList is static, meaning it does not automatically update if the document changes after the list is created. If you need a dynamic collection that reflects changes in the document, you may consider using an HTMLCollection or approaches like Mutation Observers. Here is an example of how you can use a NodeList : In this example, document. querySelectorAll('p') returns a NodeList containing all <p> ...