html格式化json和xml的方法

HTML通常用于显示结构化的数据，而JSON (JavaScript Object Notation) 和 XML (eXtensible Markup Language) 都是常用的数据交换格式。将 JSON 格式转换成 HTML 可以通过 JavaScript，下面是一个简单的例子：

function jsonToHtml(jsonData) {
    let html = '<pre>';
    for (let key in jsonData) {
        html += `<strong>${key}:</strong> ${jsonData[key]}\n`;
    }
    html += '</pre>';
    return html;
}

// 使用示例
const jsonString = '{"name": "John", "age": 30, "city": "New York"}';
let formattedHTML = jsonToHtml(JSON.parse(jsonString));
document.getElementById('output').innerHTML = formattedHTML;

这个函数接收一个 JSON 字符串，解析它成对象，然后生成带有标记的 HTML 表达形式。

对于 XML 转换到 HTML，你可以选择手动编写或使用库如`xmldom`处理XML并构造HTML。例如，如果你有XML文档：

const xmlToJson = require('xml-js');
const xml = `
<root>
  <person name="John" age="30">
    <city>New York</city>
  </person>
</root>
`;

const obj = xmlToJson(xml, {compact: false});
let html = '<pre>' + JSON.stringify(obj, null, 4) + '</pre>';

document.getElementById('output').innerHTML = html;

这里我们使用了 `xml-js` 库将 XML 转换为 JSON，然后渲染成 HTML。