Javascript 如何从图像标记中获取“src”属性？

我有以下HTML，我正在尝试获取img src属性：

<span id="firstSpan"><img src="https://mydomain.xyz/imgs/image.jpg" alt="Image Thumbnail" width="48px" height="62px"></span>

---

出于某种原因，我得到了“未定义”值，我怀疑这实际上不是针对图像，而是针对单击时的跨度。试试这个：

HTML:

---

将代码放在img元素之后：

var source =  $(".foo").attr('src');
console.log(source);

之前：

var src = jQuery('#firstSpan').children('img').attr('src');

出于性能原因，最好为img标记分配一个类或id，并使用它来获取元素，而不是子函数

$document.readyFunction{ $firstSpan img.attrsrc； };.

您还可以执行alert$firstSpan img.attrsrc或console.log$firstSpan img.attrsrc来查看代码是否也被调用，或者直接通过您选择的浏览器和开发工具进行调试

---

那代码看起来不错，你什么时候调用它？也许这不是IMG标签。你的上下文是什么，你是在OnCouter里面运行还是正好在无处？如果是这种情况，则该值将是一个没有src attributery$'firstSpan img'。attr'src'的窗口。如果使用$this.html获取img标记，则尝试从父级而不是从img获取src属性。尝试使用$this.parent.attr'src'并确保works@MarcosPérezGude是对的，但您不会选择父对象，因为img是子对象，所以它应该是$this.findimg.attrsrc

var source =  $(".foo").attr('src');
console.log(source);

var src = jQuery('#firstSpan').children('img').attr('src');

$(document).ready(function() {
    var src = jQuery('#firstSpan').children('img').attr('src');
})

<span id="firstSpan"><img id='myimage'src="https://mydomain.xyz/imgs/image.jpg" alt="Image Thumbnail" width="48px" height="62px"></span>

 var value = document.getElementById('myimage').src;