Question

原生js如何获取img标签中的真实路径？

为什么用原生js直接获取img的图片路径和我写的真实路径不一样啊，真实路径是：images/20190709094111_848.jpg可是我用js获取的路径却是这个：http://127.0.0.1:8020/%E8%87%AA%E5%88%9B%E4%BD%9C%E5%93%81/%E8%BD%AE%E6%92%AD%E5%9B%BE/images/20190709094111_848.jpg求大神帮忙解答下：

Answer 1

使用getAttribute方法取就是当前标签的src值。如下调整：
var c = document.getElementsByClassName('c')[0];
var img = document.getElementsByClassName('img')[0];
//绝对路径取法
console.log(img.children[0].src);
//相对路径取法
console.log(img.children[0].getAttribute('src'));

Answer 2

脚本是从服务器角度，从用户真实浏览页面的角度入手，获取。跟你随手打的相对路径肯定不一样，网络上是需要URI定位的，不然怎么寻找资源

Answer 3

你写的是相对路径，换成绝对路径就一样了

Answer 4

var img = document.getElementsByClassName('img')[0]
console.log(img.children[0].getAttribute('src'))