javascript - 使用 javascript 获取 img src

Question

请原谅我的无知，但该getHref函数可以应用于返回一个 img src 吗？

我想获取下面图片的网址

<div class="uk-width-medium-3-10 uk-text-center">
  <img src="/images/saleitems/Toaster.svg" class="uk-border-circle" alt="great toaster">
</div>

我有这个适用于面包屑 URL ...

function getHref() {
  return document.querySelectorAll('.uk-breadcrumb li a')[1].href;
}

我调整上述内容的悲伤尝试（没有用）

function getHref() {
  return document.querySelectorAll('.uk-border-circle li a')[0].href;
}

它应该返回

https://www.example.com/images/saleitems/Toaster.svg

任何帮助或建议将不胜感激

score 2 · Accepted Answer

我认为您的选择器不正确，a当您实际想要定位元素时，您正在定位一个元素img，此外，如果您希望选择单个元素，您可以使用querySelector而不是querySelectorAll.

另一件事是您正在寻找的是img'src属性。如果你的元素确实是一个标签，你会寻找
一个属性hrefa

// returns https://www.example.com/images/saleitems/Toaster.svg
document.querySelector('.uk-border-circle').src

score -2 · Accepted Answer

它应该工作：

function getHref() {
      return document.querySelectorAll('.uk-breadcrumb')[1].src;
 }

2 回答 2