1

我正在通过基于 Javascript 的 SpineTix 读取 XML 文件。我为此创建了一个自定义解析器。

这是 XML 结构

<ArlandaExpress>
<info>
<updated date="2013-06-10" time="10:28:42"/>
<message priority="1">
<![CDATA[
Biljettköp ombord kostar 100:- extra, ticket on board 100 SEK extra
]]>
</message>
<message priority="2">
<![CDATA[
Biljettköp ombord kostar 100:- extra, ticket on board 100 SEK extra
]]>
</message>
<message priority="3">
<![CDATA[
Restid 20 min. 2 för 380 kr tor-sön och röda dagar t.o.m.16/6// Traveltime 20 min. 2 for 380 SEK Thu-Sun and bank holidays until 16/6
]]>
</message>
</info>
  <StockholmC>
    <next minutes="6"/>
    <upcoming datetime="2013-06-10 10:50"/>
    <upcoming datetime="2013-06-10 11:05"/>
    <upcoming datetime="2013-06-10 11:20"/>
  </StockholmC>
</ArlandaExpress>

我需要获取 StockholmC 标签中的分钟和日期时间属性。我怎样才能做到这一点?到目前为止,这是我的代码,顺便说一句,如果您从文档中删除所有其他标签,但 StockholmC

function custom_parser( response, records ){
   var rssDocument = parseXML( response );
   if ( rssDocument==null ) return;
   for ( var row=rssDocument.documentElement.firstElementChild; row!=null;   row=row.nextElementSibling ) {
      var r =  new Object();      
      r.next = row.getAttribute('minutes');
      r.date = row.getAttribute('datetime');
      records.push( r );
   }
}

我想指出,上面的代码在只有 StockholmC 标记的 XML 文件中工作。

谢谢

4

2 回答 2

2

您正在迭代根的每个孩子,从<info>( rssDocument.documentElement.firstElementChild) 开始。这些元素没有minutesdatetime属性。

如果您只想遍历 的子级<StockholmC>,则必须获取对它的引用,而不是documentElement

function custom_parser( response, records ){
   var rssDocument = parseXML( response );
   if (!rssDocument) return;
   var stockholmc = rssDocument.getElementsByTagName('StockholmC')[0];
   if (!stockholmc) return;
   for (var row=stockholmc.firstElementChild; row!=null; row = row.nextElementSibling) {
       // ...
   }
}

DOM 接口提供了许多方法来遍历 DOM 树。看看MDN 上对 DOM 的介绍

于 2013-06-10T08:44:04.840 回答
1

正如 Felix 所解释的,您首先需要遍历 <StockholmC> 的孩子。但是,正如您在问题中提到的,当您在 SpnetX HMP 中使用 JavaScript 时,您只能依赖 DOM 级别 3 的子集(请参阅SVG Micro DOM),因此不能使用 getElementsByTagName()。

这是一个迭代 DOM 直到找到正确元素的示例。

function custom_parser( response, records ){
  var rssDocument = parseXML( response );
  if ( rssDocument==null ) return;
  var elem = rssDocument.documentElement.firstElementChild;
  while ( elem!=null ) {
    if ( elem.localName=="StockholmC" ){
      elem = elem.firstElementChild;
    } else {
      if ( elem.localName=="next" ) {
        var r =  new Object();     
        r.next = elem.getAttribute('minutes');
        records.push( r );
      } else if ( elem.localName=="upcoming" ) {
        var r =  new Object();     
        r.datetime = elem.getAttribute('datetime');
        records.push( r );
      }
      elem = elem.nextElementSibling;
    }
  }
}

请注意,示例代码将 next 和 datetime 属性放在数组的两个不同行中。

于 2013-06-15T22:18:26.943 回答