I have a question about clicking on the image '.escape' and passing back the source of the image '.myimg2' when clicked. Here is my attempt at accomplishing this task: I understand that it involves traversing the DOM, but I am not very familiar with how to do this effectively. Thank you in advance for any advice or guidance.
<table class="table2">
<tr>
<td>
<div class="info2" ondragstart="return false" ondragover="allowDrop(event)" ondrop="drop(event)" >
<div style="float:left">
<img class="myimg2" style="max-height:80px;" src="Pictures/QuestionMark.png">
</div>
<div style="float:left;">
<p class="myname2">Name: Unspecified</p>
<p class="myprof2">Profession: Unspecified</p>
</div>
<img class="escape" onclick="returnDrop(this.parentNode.childNode[0].src)" style="max-height:8px;" src="Pictures/escape.png">
</div>
</td>
</tr>
</table>