在for-loop from array中创建多个HTML元素

// 定义一个包含HTML元素信息的数组
var elements = [
  { tag: "p", content: "这是第一个段落" },
  { tag: "div", content: "这是一个div容器" },
  { tag: "h1", content: "这是一个标题" }
];

// 获取要放置HTML元素的容器
var container = document.getElementById("container");

// 使用for循环遍历数组，创建HTML元素并添加到容器中
for (var i = 0; i < elements.length; i++) {
  var element = document.createElement(elements[i].tag);
  element.innerHTML = elements[i].content;
  container.appendChild(element);
}

var elements = [
  { tag: "p", content: "这是第一个段落" },
  { tag: "div", content: "这是一个div容器" },
  { tag: "h1", content: "这是一个标题" }
];

var container = document.getElementById("container");

// 使用map()方法遍历数组，并通过模板字符串生成HTML代码
var html = elements.map(function(element) {
  return `<${element.tag}>${element.content}</${element.tag}>`;
}).join("");

// 将生成的HTML代码添加到容器中
container.innerHTML = html;