EN
JavaScript - parse XML in web browser
3
points
In this article, we would like to show you how to parse XML using web browser JavaScript.
Practical examples
Example 1
// ONLINE-RUNNER:browser;
const parseXml = (xml) => {
const parser = new DOMParser();
return parser.parseFromString(xml, 'text/xml');
};
// Usage example:
const xml = `
<user>
<id>1</id>
<name>John</name>
</user>
`;
const instance = parseXml(xml);
const userElement = instance.children[0];
const idElement = userElement.children[0];
const nameElement = userElement.children[1];
console.log(idElement.textContent); // 1
console.log(nameElement.textContent); // John
Example 2
// ONLINE-RUNNER:browser;
const parseXml = (xml) => {
const container = document.createElement('template');
container.innerHTML = xml;
return container.content;
};
// Usage example:
const xml = `
<user>
<id>1</id>
<name>John</name>
</user>
`;
const instance = parseXml(xml);
const userElement = instance.children[0];
const idElement = userElement.children[0];
const nameElement = userElement.children[1];
console.log(idElement.textContent); // 1
console.log(nameElement.textContent); // John