将具有多个属性的JSON对象转换为html元素

const jsonObject = {
  "type": "div",
  "class": "container",
  "children": [
    {
      "type": "h1",
      "text": "Hello, World!"
    },
    {
      "type": "p",
      "text": "This is a paragraph."
    }
  ]
};

function createHTMLElement(json) {
  const element = document.createElement(json.type);
  
  for (const key in json) {
    if (key !== "type" && key !== "children") {
      element.setAttribute(key, json[key]);
    }
  }
  
  if (json.children && json.children.length > 0) {
    json.children.forEach(child => {
      const childElement = createHTMLElement(child);
      element.appendChild(childElement);
    });
  }
  
  return element;
}

const htmlElement = createHTMLElement(jsonObject);
document.body.appendChild(htmlElement);