2016-07-23 67 views
0

我有一個數組,這個代碼:XML JavaScript的HTML獲得屬性值

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 originleg origin

回答

1

使用類似下面的內容來獲取「旅行」的「原點」屬性的值。

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

,您就能獲得「原產地」值像第一腿件:

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

你能否告訴我如何獲得所有腿部屬性?所以基本上最好的方法是迭代通過腿得到attrs。 –

+0

@SzilardMagyar like 'for(var i = 0; i

1

使用下面的getElementsByTagName和getAttribute。

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

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

得到屬性值將涉及使用jQuery的最簡單方法。因此,您有兩種選擇:

  1. 獲取所有的來源,而不管它們是屬於旅行元素還是屬於腿元素。在這種情況下,解決方案是:

    console.log($(「trip,trip leg」)。attr(「origin」));

  2. 分別獲取行程和腿元素的起源。在這種情況下,解決方案是:

    console.log($(「trip」)。attr(「origin」)); ($(「trip leg」)。attr(「origin」));

後一種解決方案比較冗長,但如果不是將屬性記錄到控制檯,而是希望將它們保存在變量中,它會更有幫助。