使用Java Script循环显示不同的评审表

// 评审表数据集合
var reviewForms = [
  {
    title: "评审表1",
    items: ["评审项1", "评审项2", "评审项3"],
    reviewer: "评审人1"
  },
  {
    title: "评审表2",
    items: ["评审项4", "评审项5", "评审项6"],
    reviewer: "评审人2"
  },
  {
    title: "评审表3",
    items: ["评审项7", "评审项8", "评审项9"],
    reviewer: "评审人3"
  }
];

// 获取用于显示评审表的容器元素
var container = document.getElementById("review-container");

// 循环遍历评审表数据集合
reviewForms.forEach(function(form) {
  // 创建评审表的外层容器
  var formContainer = document.createElement("div");
  formContainer.classList.add("review-form");

  // 创建评审表的标题元素
  var titleElement = document.createElement("h2");
  titleElement.textContent = form.title;

  // 创建评审表的评审项列表
  var itemList = document.createElement("ul");
  form.items.forEach(function(item) {
    var listItem = document.createElement("li");
    listItem.textContent = item;
    itemList.appendChild(listItem);
  });

  // 创建评审人信息元素
  var reviewerElement = document.createElement("p");
  reviewerElement.textContent = "评审人：" + form.reviewer;

  // 将标题、评审项列表和评审人信息添加到评审表容器中
  formContainer.appendChild(titleElement);
  formContainer.appendChild(itemList);
  formContainer.appendChild(reviewerElement);

  // 将评审表容器添加到显示容器中
  container.appendChild(formContainer);
});