XML to JSON converter

NathTech’s Tools ,

 

XML to JSON converter    :

This is a responsive XML to JSON converter tool. You can input XML data, and it will convert it to JSON format when you click the “Convert” button. The styling is done using CSS, and Font Awesome library is used for the conversion icon.

 

 

 

function parseNode(node) { const obj = {};

if (node.nodeType === Node.TEXT_NODE) { return node.nodeValue.trim(); }

if (node.nodeType === Node.ELEMENT_NODE) { if (node.hasChildNodes()) { for (let childNode of node.childNodes) { const nodeName = childNode.nodeName;

if (nodeName in obj) { if (!Array.isArray(obj[nodeName])) { obj[nodeName] = [obj[nodeName]]; } obj[nodeName].push(parseNode(childNode)); } else { obj[nodeName] = parseNode(childNode); } } }

if (node.attributes.length > 0) { obj['@attributes'] = {}; for (let i = 0; i < node.attributes.length; i++) { const attribute = node.attributes[i]; obj['@attributes'][attribute.nodeName] = attribute.nodeValue; } } } return obj; } json[xmlDoc.documentElement.nodeName] = parseNode(xmlDoc.documentElement); return json; } function convert() { const xmlInput = document.getElementById('xmlInput').value.trim(); try { const jsonObject = xmlToJson(xmlInput); const jsonString = JSON.stringify(jsonObject, null, 2); document.getElementById('output').innerHTML = `

${jsonString}

`; } catch (error) { document.getElementById('output').innerHTML = `

Invalid XML format. Please enter valid XML.

`; } }