Access Attributes Values of Variable in XML Format in JavaScript

Question

I have a remote Web service that returns to my JavaScript Web app the variable "DATA" defined in XML format.

An example of the data returned by a request would be:

<DATA><ID>1</ID><NAME>JOHN SMITH</NAME></DATA>

In JavaScript, how can I access the values of its attributes, i.e. the "1" as the ID and "JOHN SMITH" as the NAME?

For simplification,

(...)   

var DATA = <DATA><ID>1</ID><NAME>JOHN SMITH</NAME></DATA>;
var ID = ??; //HOW TO ACCESS THE VALUE OF ID IN DATA?
var NAME = ??; //HOW TO ACCESS THE VALUE OF NAME IN DATA?

(...)

Thank you!

Please don't put tags in question titles

Liam
– Liam

2017-12-05 16:26:55 +00:00
Commented Dec 5, 2017 at 16:26 — Liam
– Liam, Commented Dec 5, 2017 at 16:26
Possible duplicate of Cross-Browser Javascript XML Parsing

Liam
– Liam

2017-12-05 16:27:43 +00:00
Commented Dec 5, 2017 at 16:27 — Liam
– Liam, Commented Dec 5, 2017 at 16:27

gurvinder372 · Accepted Answer · 2017-12-05 16:26:09Z

1

Use DomParser and querySelector

var xml = "<DATA><ID>1</ID><NAME>JOHN SMITH</NAME></DATA>";
var doc = new DOMParser().parseFromString(xml, "text/xml");

console.log(doc.querySelector( "ID" ).innerHTML);
console.log(doc.querySelector( "NAME" ).innerHTML);

answered Dec 5, 2017 at 16:26

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Access Attributes Values of Variable in XML Format in JavaScript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related