Question

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

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？

Answer 1

使用getElementsByTagName和getAttribute，如下所示。

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

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

Answer 2

使用类似下面的内容来获取“trip”的“origin”属性的值。

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

您可以获得第一个leg-element的“origin”值：

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

Answer 3

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

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

console.log（$（＆＃34; trip，trip leg＆＃34;）。attr（＆＃34; origin＆＃34;））;
分别获取旅行和腿部元素的来源。在这种情况下，解决方案是：

的console.log（$（＆＃34;跳闸＆＃34;）ATTR（＆＃34;来源＆＃34））;

console.log（$（＆＃34; trip leg＆＃34;）。attr（＆＃34; origin＆＃34;））;

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

xml javascript获取html属性值

3 个答案: