erstellen Schaltfläche mit JS - Laden von Daten aus dem Array

Question

ich diesen Code haben für die Erstellung von Button-Element in JS-Datei:

var numery = ['A','B','C']; 
    var numer = document.createElement("button"); 
    numer.type = "button"; 
    numer.value =numery[i]; 
    numer.className = "class1 class2"; 
    numer.innerHTML = numery[i]; 

Ich weiß nicht, wie es anhängen (hintereinander) in HTML, das wie folgt aussieht :

<div class="container_b pull-left" id="container_b"> 
    <button type="button" class="btn_budynki" id="naglowek_budynkow_zwiniety">Header button</button> 
    <div class="btn-group-vertical pull-left hide" role="group" id="grupa_bud"> 
     <button type="button" class="btn_budynki_top btn_budynki" id="naglowek_budynkow">Another header</button> 
<button type="button" class="btn_strzalka btn_strzalka_gora border_top" id="strzalka_gora_bud"><span class="glyphicon glyphicon-chevron-up"></span> 
</button> 
     <!-- i want to put created elements as buttons here--> 
     <button type="button" class="btn_strzalka btn_strzalka_dol border_top"> 
     <span class="glyphicon glyphicon-chevron-down"></span> 
     </button> 
    </div> 
    </div> 

Wenn i appendChild und id des Elements oben verwenden: strzalka_gora_bud dann hängt es vor dem Elemente End-Tag. Kann mir bitte jemand helfen?

Answer 1

appendChild hängt das Element an - was bedeutet, dass es am Ende (vor dem End-Tag) des angegebenen Elements steht. Die beste Option besteht also darin, einen übergeordneten Wrapper zu erstellen und ihn mit allen Schaltflächen zu füllen. Verwenden Sie eine for Schleife für das - http://www.w3schools.com/js/js_loop_for.asp