JavaScript and the DOM

  1. Traversing the DOM Tree
    1. Node Relationships
      1. Parent-Child Relationships
        1. Sibling Relationships
          1. Ancestor-Descendant Relationships
          2. Parent Navigation
            1. parentNode Property
              1. parentElement Property
                1. Differences and Use Cases
                2. Child Navigation
                  1. childNodes Property
                    1. children Property
                      1. firstChild Property
                        1. firstElementChild Property
                          1. lastChild Property
                            1. lastElementChild Property
                              1. Counting Child Elements
                              2. Sibling Navigation
                                1. nextSibling Property
                                  1. nextElementSibling Property
                                    1. previousSibling Property
                                      1. previousElementSibling Property
                                        1. Handling Text and Comment Nodes
                                        2. Advanced Traversal
                                          1. Recursive Traversal Techniques
                                            1. closest() Method
                                              1. Finding Specific Ancestors
                                                1. Finding Specific Descendants

                                              Previous

                                              2. Selecting DOM Elements

                                              Go to top

                                              Next

                                              4. Manipulating DOM Elements