如何获得图像的来源 - 而不是标准的方式

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中使用的计算值.