發送源於嵌套在div的img的src

Question

所以當我點擊div info2上的任何位置時，我想要做的是將嵌套在某個div中的圖像的src發送到javascript函數。 這是我的嘗試，但它不起作用。 我知道它與遍歷DOM有關，但我還沒有學到足夠的知識，任何幫助將不勝感激！ :)

div class="info2" onmousedown="returnDrop(this.div.img.src)" 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> 
</div> 

Answer 1

鑑於img元素是外div的唯一傳人IMG你可以做到這一點沒有太多的麻煩：

onmousedown="returnDrop(this.querySelector('img').src)" 

演示：http://jsfiddle.net/fLjZA/

這使得利用querySelector() method，它返回匹配所提供的CSS樣式選擇器的第一個後代元素 - 在本例中爲'img'。如果在外部div中有多個img元素可供選擇，則可以使用更具體的選擇器，該選擇器還包含您想要的img類，例如this.querySelector('img.myimg2')。

注：我真的不認可HTML元素事件屬性中嵌入你的JS代碼，但我要聲明的替代方法的解釋超出範圍了這個問題...