ein div zu einem Klassennamen anhängt mit Hilfe von Javascript

Question

var wrapper = document.getElementsByClassName('.wrapper'); 

for(var i =0; i < 10; i++){ //create grid of buttons 

    var num = document.createElement("div"); 
    var node = document.createTextNode(i); 
    num.appendChild(node); 
    wrapper.appendChild(num); 
    num.className = "number"; 

} 

Es wirft einen Fehler, dass Wrapper nicht definiert ist, es funktioniert nur, wenn ich anstelle von Wrapper verwendet document.body, aber ich möchte, dass sie divs an den Wrapper div jede anfügen Vorschläge ?

Answer 1

var wrapper = document.getElementsByClassName('wrapper'); 

statt

var wrapper = document.getElementsByClassName('.wrapper'); 

EDIT:

var addButtons = function() { 
var wrapper = document.getElementsByClassName("wrapper")[0]; 
var num, node; 
    for (var i = 0; i < 10; i++) { 
    console.info("Button"+i); 
    num = document.createElement("div"); 
    num.className = "number"; 
    node = document.createTextNode(i); 
    num.appendChild(node); 

    wrapper.appendChild(num); 

    } 
} 

addButtons(); 

https://jsfiddle.net/tonysamperi/7jzdsk08/