将数组数据传入div元素

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>