Passing in Array-Daten in div Elemente

Question

Also muß ich in einer Auswahl von divs ein Array von Werten erhalten Rendering, jemand mir in Bezug auf den besten Weg, dies zu bekämpfen helfen könnte?

Ich habe javaScript zu verwenden.

Answer 1

Sie können DOM-Elemente mit JavaScript hinzufügen, indem Sie das gewünschte Element erstellen, die Eigenschaften/Attribute wie gewünscht festlegen und sie dann an das DOM (entweder direkt an den Text oder an ein enthaltenes Element) anhängen :

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>

Alternativ können Sie jQuery, wie so verwenden:

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>