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

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

Answer 2

使用getAttribute来获取HTML中的原始值：

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

jsFiddle Example

Answer 3

如果使用jquery，则需要获取元素，并输入：

.attr("src");

或在tradicional javascript中：

images[0].getAttribute("src");

这将为您提供html中的确切文本。