如何在 Yahoo! 中使用 Xpath 遍历树的小部件？

Question

我正在创建一个 Yahoo! 小部件并且之前已经完成此操作没有任何问题（创建小部件）。 我通过网络链接获取 xml 文档，并希望获取树中的所有节点。 我正在这样做：

var request = new XMLHttpRequest();
        request.open( "GET", url, false );
        request.send();
        if ( request.status == 200 )
        {
            doc = request.responseXML;
            tree = doc.evaluate("/lfm");
            status = tree.item(0).getAttribute("status")
            if(status == "ok")
            {
                print ("status is ok!");
                tracks = doc.evaluate("/lfm/recenttracks[1]/track");
                for(i=0;i<tracks.length;i++)
                {
                    artist = tracks.item(i).firstChild.firstChild.data;
                }
            }
        }
    }

这样您就可以从树中获取节点artist。 但如果你想要下一个兄弟姐妹，那就有问题了。 你必须打电话

tracks.item(i).firstChild.nextSibling.firstChild.data;
tracks.item(i).firstChild.nextSibling.nextSibling.firstChild.data;
tracks.item(i).firstChild.nextSibling.nextSibling.nextSibling.firstChild.data;

来完成这件事。 旁边的节点向其添加'nextsibling'，依此类推。 我不想继续添加这些节点，并认为可以像这样使用 childNodes[i] ：

artist = tracks.item(i).childNodes[0].firstChild.data;
nextitem = tracks.item(i).childNodes[1].firstChild.data;

但这不起作用。 无论我使用它的方式如何，它都会返回“childNodes[0]没有属性”。 现在我认为 Xpath 中还有一种方法可以在 for 循环中执行此操作：

name = doc.evaluate("string(/lfm/recenttracks[1]/track["+i+"]/name)");
                    print(name);
othernode = doc.evaluate("string(/lfm/recenttracks[1]/track["+i+"]/album)");
                    print(othernode);

然后为下一个轨道增加 i 。 但不知何故，这仅返回一个项目。 它不会在 for 循环中检索更多项目。 i-1 也不起作用。

任何人都知道如何使用 Xpath 表达式和我的 i 值来选择一个节点，然后获取每个超级节点的子节点？ 对于每个曲目，我想要获取艺术家、名称、流媒体、mbid、专辑、url、图像（小）、图像（中）、图像（大） 和 日期。

我的 xml 文件如下所示：

<lfm status="ok">
   <recenttracks user="xaddict">
      <track nowplaying="true"> 
         <artist mbid="f5b8ea5f-c269-45dd-9936-1fedf3c56851">The Presets</artist>
         <name>Girl (You Chew My Mind Up)</name>
         <streamable>1</streamable>
         <mbid></mbid>
         <album mbid="b150d099-b0f3-4feb-9a05-34e693c6dd24">Beams</album>
         <url>http://www.last.fm/music/The+Presets/_/Girl+%28You+Chew+My+Mind+Up%29</url>
         <image size="small">http://userserve-ak.last.fm/serve/34s/8696437.jpg</image>
         <image size="medium">http://userserve-ak.last.fm/serve/64s/8696437.jpg</image>
         <image size="large">http://userserve-ak.last.fm/serve/126/8696437.jpg</image>
         <date uts="1236440600">7 Mar 2009, 15:43</date>
      </track>
      <track > 
         <artist mbid="f5b8ea5f-c269-45dd-9936-1fedf3c56851">The Presets</artist>
         <name>Get Outta Here</name>
         <streamable>1</streamable>
         <mbid></mbid>
         <album mbid="0469956f-d895-4120-8ec5-29ad41b9e2fd">Blow Up</album>
         <url>http://www.last.fm/music/The+Presets/_/Get+Outta+Here</url>
         <image size="small">http://userserve-ak.last.fm/serve/34s/20923179.png</image>
         <image size="medium">http://userserve-ak.last.fm/serve/64s/20923179.png</image>
         <image size="large">http://userserve-ak.last.fm/serve/126/20923179.png</image>
         <date uts="1236440242">7 Mar 2009, 15:37</date>
      </track>
   </recenttracks>
</lfm>

Answer 1

。

 for (var i = 0; i < xmlDoc.getElementsByTagName('track').length; i++)
            {
                alert(xmlDoc.getElementsByTagName('track')[i].getElementsByTagName('name')[0].childNodes[0].nodeValue); 
            }

---

如果你想使用xpath，也可以尝试下面的解决方案

var s = xmlDoc.evaluate( '//track' ,xmlDoc, null, XPathResult.ANY_TYPE, null );
var track = s.iterateNext();

while (track)
{
     alert(track.getElementsByTagName('name')[0].textContent );
     track = s.iterateNext();
}

Answer 2

您能发布相关的 XML 片段吗？ 我们正在查看解析它的代码，但如果我们有 XML 本身，那么使用 Xpath 查询会更容易。
元素的位

<lfm>
    <recenttracks>
        <track>
            <album>

最有用的是具有诸如等

Answer 3

完全支持 Xpath 的方法是使用 Xpath 中的字符串转换。 我已经发布此代码作为另一个问题的答案，并将再次这样做。 我很高兴我发现了这种做事方式。

var entries = xmlDoc.evaluate("lfm/recenttracks/track");
var length = entries.length;
for(var i = 0; i < length; i++) {
   var entry = entries.item(i);
   var obj = {
      artist: entry.evaluate("string(artist)"),
      name: entry.evaluate("string(name)"),
      url: entry.evaluate("string(url)"),
      image: entry.evaluate("string(image[@size='medium'])")
   };
posts[i] = obj;
}