2017-06-10 23 views
0
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"; 

} 

它拋出包裝沒有定義,它只是當我用,而不是包裝document.body的工作,但我想他們追加到的div包裝DIV 任何錯誤附加一個div的類名建議?使用JavaScript

+0

有帶班'wrapper'只有一個元素?如果是這樣,請將'getElementsByClassName'替換爲'querySelector'(['Element.querySelector()'](https://developer.mozilla.org/en-US/docs/Web/API/Element/querySelector)) – Andreas

+0

在整個文檔中唯一具有該類的元素 – syefox

回答

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

代替

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

編輯:

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/

+0

但現在會出現另一個錯誤;) – Andreas

+0

它引發另一個錯誤 TypeError:wrapper.appendChild不是函數 – syefox

+0

這是因爲包裝器爲空。我會添加一個小提琴的答案。等一下。 –