Question

所以我需要在一系列div中获得一系列值渲染，任何人都可以帮助我解决这个问题的最佳方法吗？

我必须使用javaScript。

Answer 1

您可以通过创建所需的元素来添加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>

将Array数据传递给div元素

1 个答案: