如何从Javascript中的id获取图像的url

Question

我知道这是一个初学者。所以我将这张图片放在id为div的div中。

filtered_list <- df[which(!df$domain_ending%in% country$endings),]

这个Javascript是一个放大脚本：

<img id="thumb" src="https://url-to-a-image">

如您所见，我正在尝试使用myImgSrc获取图像，然后尝试在大版本中使用“ myImgSrc”。当我将固定网址放大：固定网址到图片时，它可以正常工作。

Answer 1

ID为#thumb的元素本身就是标签img，当前选择器不会返回src的值，因此应该很简单：

var myImgSrc = document.getElementById("thumb").src;

Answer 2

您可以这样获得图像src

var thumb = document.getElementById("thumb").src;

您不需要使用getElementsByTagName。

Answer 3

let img = document.querySelector('#thumb');
console.log(img.src);

如果使用img.src，您将看到img标签的来源。

Answer 4

getElementsByTagName是多余的-您已经有了想要的确切元素-您已通过其ID选择了它。您只需要getElementsByTagName即可通过其标签获取一个或多个元素并对其进行全部处理，而不是精确地标识一个元素。

因此，实际上解决方案非常简单-只需直接获取ID选定元素的src属性即可。工作演示：

var myImgSrc = document.getElementById("thumb").src;
console.log(myImgSrc);

<img id="thumb" src="https://url-to-a-image">