javascript - 如何获取图像的来源 - 非标准方法

Question

使用 JavaScript；

我有一个图像 src 例如 src = "images/folder1/image1.jpg"

src 文件夹位于网站的图库部分，位置为“http://www.example.com/gallery/index.php”

我使用时的完整图片src

var images = doucment.getElementsByTagName("img");
var source = images[0].src;

输出:“http://www.example.com/gallery/images/folder1/image1.jpg ”

我希望它输出:“images/folder1/image1.jpg”

使用 regExp 或等效方法可以实现这一点吗？如果是这样怎么办？

Answer 1

这是 HTML 元素的属性与其属性之间存在差异的情况之一。

属性(一般来说)是 HTML 中指定的值。属性是标准化为一致的属性值(例如，相对 URL 转换为绝对 URL)。通常，使用属性更有用，但在这种情况下您需要属性值。

为此，我们使用 getAttribute方法:

var source = images[0].getAttribute('src');

这会获取 HTML 中指定的值，而不是 DOM 中使用的计算值。