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

【问题标题】：Add image src to array in JavaScript without http-address在没有 http-address 的 JavaScript 中将图像 src 添加到数组
【发布时间】：2014-12-14 17:13:43
【问题描述】：

问题：

尝试在没有网站 URL (http://) 的情况下将图像 src 添加到数组。

HTML 代码：

<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:// 开头。

【问题讨论】：

如果您对解决方案感到满意，请在下面找到答案并将其中一个标记为已接受。

标签： javascript arrays push photo

【解决方案1】：

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

工作代码片段：

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

&lt;img src="images/pink.jpg" alt="Photo" class="pink"&gt;

阅读：.getAttribute() | MDN

【讨论】：

【解决方案2】：

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

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

【讨论】：