#####   ######  #####    ###    #   #  ###  #   #  ######
##  ##  ##      ##  ##  ## ##   #   #   #   #   #  ##
#####   ####    #####   #   #   #   #   #   #   #  ####
##  #   ##      ##      ## ##    # #    #    # #   ##
##   #  ######  ##       ###      #    ###    #    ######

$ curl repovive.com/roadmaps/javascript/the-dom/traversing-the-dom

░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██████████████████████████████████████████████████████████████████

#####   ######  #####    ###    #   #  ###  #   #  ######
##  ##  ##      ##  ##  ## ##   #   #   #   #   #  ##
#####   ####    #####   #   #   #   #   #   #   #  ####
##  #   ##      ##      ## ##    # #    #    # #   ##
##   #  ######  ##       ###      #    ###    #    ######

$ curl repovive.com/roadmaps/javascript/the-dom/traversing-the-dom

Repovive

Traversing the DOM - The DOM | JavaScript | Repovive

Repovive.

JavaScript22 sections · 783 units18h total

Open in Course

Traversing the DOM

Move between elements

Move between elements using relationship properties:

const el = document.querySelector("li");
el.parentElement;        // Parent
el.children;             // Child elements
el.firstElementChild;    // First child element
el.nextElementSibling;   // Next sibling element
el.previousElementSibling;

Use Element versions to skip text nodes.