在没有http-address的JavaScript中将图像src添加到数组

Question

问题：

尝试将图像src添加到没有网站URL（http：//）的数组中。

HTML code：

<img src="images/pink.jpg" alt="Photo" class="pink">

JS代码：

var photoArray  = [];
photoArray.push(this.parentNode.getElementsByTagName("img")[0].src);
alert(JSON.stringify(photoArray));

期望的结果：

http：//等等添加到数组中，但我想要保存的数组是“images / pink.jpg”而没有任何http：//开头。

Answer 1

请改用.getAttribute('src')。它将准确地获取您所需的内容。

工作代码段：

var photoArray  = [];
photoArray.push(document.getElementsByTagName("img")[0].getAttribute('src'));
alert(JSON.stringify(photoArray));

<img src="images/pink.jpg" alt="Photo" class="pink">

读取：.getAttribute() | MDN

Answer 2

这是因为浏览器将src属性扩展为完整的URL。使用getAttribute代替属性值而不是展开的src属性。

this.parentNode.getElementsByTagName("img")[0].getAttribute('src')