將數組數據傳入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>