javascript - 通过 Javascript 查找图像的 src

Question

我通过一个简单的谷歌搜索找到了我的问题的答案，不过，我遇到了一个小问题。

到目前为止，我的 HTML 页面上有一个 ID 为 newAvatar 的图像。我试图通过它的 ID 找到这个图像，并将它的源保存到一个变量中，然后最终保存到一个 XML 文档中以供以后使用。

当我将此源保存到变量中或出于检查目的对其进行警告时，它会显示完整的源，这是不寻常的。例如，我在 WAMP 服务器上运行我的站点，因此变量保存为：

http://localhost/uploads/newUploadedImage.jpg

实际上，来源应该简单明了，uploads/newUploadedImage.jpg

图片标签是

<img src="uploads/newUploadedImage.jpg" width="60px" height="60px;" id="newAvatar"/>

我检查来源的方式是

alert(document.getElementById('newAvatar').src);

知道如何摆脱第一批垃圾吗？

非常感谢所有帮助！

Answer 1

通过使用@DavidThomas 之前的评论，我设法让它工作。这就是我将警报更改为：

alert(document.getElementById('newAvatar').getAttribute('src'));

Answer 2

var hostname = document.location.hostname;
var url = 'http://' + hostname + '/';

var src = document.getElementById('newAvatar').getAttribute('src'); //'uploads/newUploadedImage.jpg'
var image = src.split('/')[1];

console.log(url);
console.log(image);

Answer 3

<script
  src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>

<img src="uploads/newUploadedImage.jpg" width="60px" height="60px;"
  id="newAvatar"/>

和

$(function()
{
    alert($('#newAvatar').attr('src'));
});