如何在JavaScript中获取MouseOver上的图像URL？

我试图通过鼠标上方的纯JavaScript获取任何图像的src

// Retrieve image URL.
document.getElementsByTagName('img').onmouseover = getURL();

function getURL() {
    var URL = this.getAttribute('src');
}

---

我无法将这些图像绑定到ID，而只能使用getElementById。我必须在不修改DOM和jQuery的情况下获取任何图像。看起来getElementsByTagName为您提供了一个数组。我将如何使此功能工作？谢谢。

因为它返回一个数组，所以您必须指定要获取的数组索引。这应该将onmouseover函数应用于页面上找到的第一个img标记

// Retrieve image URL.
document.getElementsByTagName('img')[0].onmouseover = getURL;

function getURL() {
    var URL = this.getAttribute('src');
}

并将其应用于页面上的所有图像：

var images = document.getElementsByTagName('img');
for (var i = 0; i < images.length; i++)
{
   images[i].onmouseover = getURL;
}

var images=document.getElementsByTagName（'img'）；
对于（var i=0；i

返回类似数组的节点列表。您必须将事件处理程序添加到每个映像或使用

var-imgs=document.getElementsByTagName（'img'））
对于（变量i=0；i

效果很好！非常感谢。

var imgs = document.getElementsByTagName('img')
for(var i = 0; i < imgs.length; i++) {
   imgs[i].onmouseover = getURL;
}