title: Traverse the DOM to passback an image
body: <p>Ok so I want to click on the image '.escape' and passback the source of the image '.myimg2' onclick.
  Below is my attempt at doing this:
  I know it is just traversing the DOM but I don't know how to traverse the DOM very well.
  Thanks for any enlightenment.</p>
  
  <pre><code>&lt;table class="table2"&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;div class="info2" ondragstart="return false" ondragover="allowDrop(event)" ondrop="drop(event)" &gt;
                  &lt;div  style="float:left"&gt;
                      &lt;img class="myimg2" style="max-height:80px;" src="Pictures/QuestionMark.png"&gt;
                  &lt;/div&gt;
                  &lt;div style="float:left;"&gt;
                      &lt;p class="myname2"&gt;Name: Unspecified&lt;/p&gt;
                      &lt;p class="myprof2"&gt;Profession: Unspecified&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;img class="escape" onclick="returnDrop(this.parentNode.childNode[0].src)" style="max-height:8px;" src="Pictures/escape.png"&gt;
              &lt;/div&gt;
          &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>