javascript - 如何使用javascript获取div中图像的来源？

Question

如何获取放置在具有唯一 ID 的 div 中的图像的来源。

<div id="0a01">
   <img src = "one.jpg" />
</div>
<div id="0a02">
   <img src = "two.jpg" />
</div>
<div id="0a03">
   <img src = "three.jpg" />
</div>

我知道如果我为图像本身提供了一个 ID，我可以使用它 -

var src= document.getElementById("<id-for-image>").src;

因为我不能给图像标签一个 id，所以这很棘手。不知道在这种情况下如何得到它？

Answer 1

您可以使用querySelector：

var src= document.querySelector("#id-for-image img").src;

请注意，选择器必须与 CSS 规范兼容。这意味着您的 id 不得以数字开头。

如果您真的无法修复您的 id（这很糟糕，因为它会导致其他问题），那么您可以使用这种选择器：

var src= document.querySelector('[id="0a03"] img').src;

示范

Answer 2

如果您的布局总是这样，您可以使用.children，例如：

var i = document.getElementById("0a01").children[0].src;