Finding things in the DOM tree

Query methods

      var div = document.getElementById("myDiv");
    
      var div = document.getElementsByTagName("div")[0]
    
      var image =
        document.getElementsByTagNameNS("http://www.w3.org/2000/svg",
                                        "image")[0];
    
      var examples = document.getElementsByClassName("example");
    
Caveat: getElementsByTagName and company return live lists.

Tree traversal

      var body = div.parentNode;
    
      var svg = div.nextSibling;
    
      var rect = image.previousSibling;
    
      var text = div.firstChild;
    
      svg = body.lastChild;
    
      rect = svg.childNodes[0];
    
Diagram of a DOM tree