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

如何获取放置在具有唯一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;

var src=document.getElementById（“”.src）；

因为我不能给图像标签一个id，这使得它很棘手。不知道怎么在这种情况下得到它

您可以使用：

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

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

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

---

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

---

他不是说这张照片没有身份证吗…？@MikeSmithDev-Well。。。对此选择器选择的第一个图像是id为“id for image”的元素的后代。在HTML4中使用id无效（例如以数字开头）时要小心：在许多情况下，它们可能是一个问题。明白了。既然你提到了，你能多讲一点吗？会出什么问题？id、类等在CSS中非常有用。由于不能在CSS中引用元素而无法为元素设置样式是可能出错的主要原因。当然，不能在DOM选择器中轻松地引用它们也不好。

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

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