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')。

注意：我并不认可将您的JS代码嵌入到html元素事件属性中，但我将声明对此问题的替代方法的解释超出范围......

从嵌入div的img发送src

1 个答案: