[英]appending a div to a classname using javascript
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";
}
It throws an error that wrapper is not defined, it only worked when I used document.body instead of wrapper, but I want to append them divs to the wrapper div any suggestions ? 它引发了一个错误,即未定义包装器,仅当我使用document.body而不是包装器时才起作用,但是我想将它们的div附加到包装器div上吗?
var wrapper = document.getElementsByClassName('wrapper');
instead of 代替
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/ https://jsfiddle.net/tonysamperi/7jzdsk08/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.