xml javascript获取html属性值

xml javascript getting html attribute value

本文关键字：属性 html 获取 javascript xml      更新时间：2023-09-26

我有一个数组，这个代码是：

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？

使用以下内容来获取"trip"的"origin"-属性的值。

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

你可以得到第一个腿元素的"原点"值，如下所示：

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

使用如下所示的getElementsByTagName和getAttribute。

//  That returns an array
var trips = document.getElementsByTagName('trip');
trips[0].getAttribute("origin");

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

  1. 获取所有原点，无论它们属于行程元素还是腿部元素。在这种情况下，解决方案是：

    console.log（$（"trip，tripleg"）.attr（"origin"））；

  2. 分别获取行程和腿部元素的起源。在这种情况下，解决方案是：

    console.log（$（"trip"）.attr（"origin"））；

    console.log（$（"tripleg"）.attr（"origin"））；

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

相关文章：