javascript - 在没有 http 地址的情况下将图像 src 添加到 JavaScript 中的数组

Question

问题:

尝试在没有网站 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://等等添加到数组中，但我希望数组保存的只是没有任何 http://开头的“images/pink.jpg”。

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