将数组数据传入div元素
将数组数据传入div元素
提问于 2017-05-31 23:12:30
因此，我需要在选择的div中获得一个呈现值的数组，有人能帮我找到解决这个问题的最好方法吗？
我必须使用javaScript。
回答 1
Stack Overflow用户
发布于 2017-05-31 23:44:39
您可以使用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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44288505
复制相关文章
相似问题
腾讯云开发者
