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

我知道这是个新手。我把这张图片放在一个有id拇指的div中

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

这是一个放大脚本：

<script type="text/javascript">
    var myImgSrc = document.getElementById("thumb").getElementsByTagName("img") 
[0].src;
    var evt = new Event(),
    m = new Magnifier(evt);
    m.attach({
        thumb: '#thumb',
        large: 'myImgSrc',
        largeWrapper: 'preview'
    });
</script>

var myImgSrc=document.getElementById（“thumb”）.getElementsByTagName（“img”）
[0].src；
var evt=新事件（），
m=新放大镜（evt）；
m、 附加({
拇指：“#拇指”，
大型：“myImgSrc”，
大包装：“预览”
});

正如你所看到的，我试图使用myImgSrc来获取图像，然后我尝试在大屏幕上使用：“myImgSrc”。当我将一个固定url放在图像的大：固定url中时，它工作得很好

id为

#thumb

的元素是标记

img

本身，当前选择器不会返回

src

值，因此它应该是：

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

---

你可以像这样得到图像

src

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

您不需要使用

getElementsByTagName

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

---

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

getElementsByTagName

是多余的-您已经拥有了所需的确切元素-您是通过其ID选择的。如果您想通过标记获取一个或多个元素并对其进行处理，您只需要

getElementsByTagName

，而不是准确地识别一个

因此，实际上解决方案非常简单——只需直接获取ID selected元素的

src

属性。工作演示：

var myImgSrc=document.getElementById（“thumb”）.src；
console.log（myImgSrc）
像这样尝试，
var thumb=document.getElementById（“thumb”）.src？