javascript - 将数组数据传入 div 元素

Question

所以我需要在选择的 div 中获取一组值呈现，有人可以帮助我解决这个问题的最佳方法吗？

我必须使用 javaScript。

Answer 1

您可以使用 JavaScript 添加 DOM 元素，方法是创建您想要的元素，根据需要设置属性，然后将它们附加到 DOM(直接附加到主体或包含元素)，如下所示:

var arr = ["text1", "text2", "text3"];
var container = document.getElementById("container");
arr.forEach(function (text) {
  var div = document.createElement("div");
  div.innerText = text;
  div.classList.add("div-added");
  container.append(div);
});

.div-added {
  padding: 10px;
  border: 2px solid #333;
}

<div id="container"></div>

或者，您可以使用 jQuery，如下所示:

var arr = ["text1", "text2", "text3"];
var container = $("#container");
arr.forEach(function(text) {
  var div = $("<div>", {
    text: text,
    class: "div-added"
  });
  container.append(div);
});

.div-added {
  padding: 10px;
  border: 2px solid #333;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container"></div>