xml javascript获取html属性值答案

【问题标题】：xml javascript getting html attribute valuexml javascript获取html属性值
【发布时间】：2016-07-23 14:43:13
【问题描述】：

我有一个数组和这段代码：

console.log(trips_array[0].outerHTML)

打印出来：

<trip origin="SFIA" destination="FRMT" fare="11.65" origTimeMin="7:47 AM" origTimeDate="07/23/2016 "
    destTimeMin="9:18 AM" destTimeDate="07/23/2016" clipper="4.35" tripTime="">
  <leg order="1" transfercode="N" origin="SFIA" destination="BALB" origTimeMin="7:47 AM" origTimeDate="07/23/2016" 
    destTimeMin="8:06 AM" destTimeDate="07/23/2016" line="ROUTE 2" trainHeadStation="PITT" trainIdx="8"/>
  <leg order="2" transfercode="N" origin="BALB" destination="BAYF" origTimeMin="8:13 AM" origTimeDate="07/23/2016"
    destTimeMin="8:54 AM" destTimeDate="07/23/2016" line="ROUTE 12" trainHeadStation="DUBL" trainIdx="8"/>
</trip>

如何获取属性的值？例如trip origin 和leg origin?

【问题讨论】：

标签： javascript xml parsing

【解决方案1】：

使用类似下面的方法来获取“trip”的“origin”-attribute 的值。

trips_array[0].getAttribute("origin");

您可以像这样获得第一个腿元素的“原点”值：

trips_array[0].children[0].getAttribute("origin")

【讨论】：

你能告诉我如何获得所有腿部属性吗？所以基本上什么是通过腿迭代以获得属性的最佳方法。
@SzilardMagyar 类似for (var i = 0;i<trips_array[0].children.length;i++) { trips_array[0].children[i].getAttribute("origin"); //Your value }

【解决方案2】：

使用 getElementsByTagName 和 getAttribute，如下所示。

//  That returns an array
var trips = document.getElementsByTagName('trip');

trips[0].getAttribute("origin");

【讨论】：

【解决方案3】：

获取属性值的最简单方法是使用 jQuery。因此，您有两种选择：

获取所有来源，无论它们属于旅行元素还是腿元素。在这种情况下，解决方案是：

console.log($("trip, trip leg").attr("origin"));
分别获取trip和leg元素的起源。在这种情况下，解决方案是：

console.log($("trip").attr("origin"));

console.log($("trip leg").attr("origin"));

后一种解决方案更冗长，但如果您不想将属性记录到控制台，而是希望将它们保存在变量中，那么它会更有帮助。

【讨论】：