使用普通JavaScript和不带正则表达式的拆分图像src属性 问题

使用普通JavaScript和不带正则表达式的拆分图像src属性 问题,javascript,dom,split,attributes,Javascript,Dom,Split,Attributes,我试图找出如何使用普通JavaScript拆分一个src元素 它运行,但我为partsArr获得的输出是: [“[object HTMLImageElement]”] 我期待着更像: [“文件:”、“路径部分1”、“路径部分2”、…“filename.ext”] 注意:我必须使用纯JavaScript来实现这一点,因为jQuery不可用。另外,这是一个关于localhost的页面,我正在ChromeDeveloperTools控制台中编写代码,如果这有什么不同的话 我已经试过了 我已经搜索了一份

我试图找出如何使用普通JavaScript拆分一个
src元素
它运行,但我为partsArr获得的输出是:

[“[object HTMLImageElement]”]

我期待着更像:

[“文件:”、“路径部分1”、“路径部分2”、…“filename.ext”]

注意:我必须使用纯JavaScript来实现这一点,因为jQuery不可用。另外,这是一个关于localhost的页面,我正在ChromeDeveloperTools控制台中编写代码,如果这有什么不同的话

我已经试过了 我已经搜索了一份副本,但没有找到一份完全符合我要求的副本。以下是我在提交此问题之前引用的帖子:






我的问题
  • 如何从
  • 我在当前代码中做错了什么


  • 看起来这部分是错的

    var links = document.getElementsByTagName('img');
    
    for (var i=0; i<links.length; ++i) {
    
       console.log(links[i].src);
    
       var partsArr = links[i].toString().split('/');
       console.log(partsArr);
    
    
    }
    
    您不应该在元素对象上执行“toString”,而应该只从元素访问.src属性。所以

    var partsArr = links[i].toString().split('/');
    
    (代表问题作者发布解决方案)

    非常感谢迈克尔·卡姆登为我提供了另一双眼睛,并发现了我的错误。在进行了他建议的更正之后,代码工作得非常完美

    如果有人想通过简单的JavaScript方法从网页中获取所有图像名称,而不需要所有文件路径位置信息,那么下面是我编写的一个脚本,它的工作方式非常有魅力:

    var partsArr = links[i].src.split('/');
    
    var links=document.getElementsByTagName('img');
    
    对于(var i=0;iIt,这部分似乎是错误的,'var partsArr=links[i].toString().split('/');'而不是对元素对象执行'toString',您应该只从元素访问.src属性。因此,var partsArr=links[i].src.split('/'))@MichaelCamden你是个救命恩人!我想我在某个地方偏离了一两个字符。这是一个简单的解决方案。如果你将此作为答案而不是评论发布,我会将其标记为正确。再次感谢!很高兴它成功了!
    var links = document.getElementsByTagName('img');
    
    for (var i=0; i<links.length; ++i) {
    
       console.log(links[i].src);
    
       var partsArr = links[i].src.split('/');
       console.log(partsArr);
    
       var imageName = partsArr[partsArr.length -1];
       console.log(imageName);
    
    
    }