如何将js数组的连续元素追加到连续的标签中？

// 假设数组为arr，目标位置为id为"target"的HTML元素
var arr = [1, 2, 3, 4, 5];
var targetElement = document.getElementById("target");

var container = document.createElement("div"); // 创建一个空的div元素

arr.forEach(function(element) {
  var tag = document.createElement("span"); // 创建一个span标签
  tag.textContent = element; // 将数组元素作为标签的内容
  container.appendChild(tag); // 将标签追加到空div元素中
});

targetElement.appendChild(container); // 将包含标签的div元素追加到目标位置