从提供的数据json/array生成带有标签的HTML

// 假设提供的数据为以下格式的JSON
var data = [
  {
    "tag": "div",
    "attributes": {
      "class": "container"
    },
    "content": "This is a container"
  },
  {
    "tag": "ul",
    "attributes": {},
    "content": [
      {
        "tag": "li",
        "attributes": {},
        "content": "Item 1"
      },
      {
        "tag": "li",
        "attributes": {},
        "content": "Item 2"
      },
      {
        "tag": "li",
        "attributes": {},
        "content": "Item 3"
      }
    ]
  }
];

// 递归生成HTML标签
function generateHTML(data) {
  var html = "";
  for (var i = 0; i < data.length; i++) {
    var tag = data[i].tag;
    var attributes = data[i].attributes;
    var content = data[i].content;

    html += "<" + tag;
    for (var attr in attributes) {
      html += " " + attr + '="' + attributes[attr] + '"';
    }
    html += ">";

    if (Array.isArray(content)) {
      html += generateHTML(content);
    } else {
      html += content;
    }

    html += "</" + tag + ">";
  }
  return html;
}

// 将生成的HTML插入到页面中
var container = document.getElementById("container");
container.innerHTML = generateHTML(data);