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

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示例

Answer 3

如果你使用jquery，你需要获取元素，然后放：

.attr("src");

或者在tradicional javascript中：

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

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