通过嵌套的JSON对象创建html元素

{
  "tag": "div",
  "children": [
    {
      "tag": "h1",
      "text": "Hello, World!"
    },
    {
      "tag": "p",
      "text": "This is a paragraph."
    }
  ]
}

function createHTMLElement(json) {
  const element = document.createElement(json.tag);
  
  if (json.text) {
    const textNode = document.createTextNode(json.text);
    element.appendChild(textNode);
  }
  
  if (json.children) {
    json.children.forEach(child => {
      const childElement = createHTMLElement(child);
      element.appendChild(childElement);
    });
  }
  
  return element;
}

const json = {
  "tag": "div",
  "children": [
    {
      "tag": "h1",
      "text": "Hello, World!"
    },
    {
      "tag": "p",
      "text": "This is a paragraph."
    }
  ]
};

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