JavaScript and the DOM

  1. Selecting DOM Elements
    1. Single Element Selection
      1. getElementById()
        1. Usage and Syntax
          1. Return Values
            1. Limitations
            2. querySelector()
              1. CSS Selector Syntax
                1. Selecting by ID
                  1. Selecting by Class
                    1. Selecting by Tag
                      1. Selecting by Attribute
                        1. Complex Selectors
                      2. Multiple Element Selection
                        1. getElementsByTagName()
                          1. Live HTMLCollection
                            1. Usage Patterns
                            2. getElementsByClassName()
                              1. Live HTMLCollection
                                1. Multiple Classes
                                2. querySelectorAll()
                                  1. Static NodeList
                                    1. Advanced CSS Selectors
                                      1. Performance Considerations
                                    2. Understanding Collections
                                      1. HTMLCollections vs NodeLists
                                        1. Live vs Static Collections
                                          1. Array-like Properties
                                            1. Iteration Methods
                                              1. for Loops
                                                1. forEach() with NodeLists
                                                  1. Converting to Arrays
                                                    1. Array.from()
                                                      1. Spread Syntax

                                                Previous

                                                1. Introduction to the Document Object Model (DOM)

                                                Go to top

                                                Next

                                                3. Traversing the DOM Tree