appendChild does not work

问题

First of all: I'm not much schooled with javascript. So have a problem with the appendChild method. That's my code:

var wrapper = document.getElementsByClassName('innerWrap');
var post = document.createElement('input');
post.style.position = "absolute";
post.style.top = "100px";
document.wrapper.appendChild(post);

Why doesn't it work?

Thanks in advance!

回答1:

getElementsByClassName returns an NodeList, not a Node

So you could try var wrapper = document.getElementsByClassName('innerWrap')[0];

回答2:

Have you tried

wrapper.appendChild(post);

instead of

document.wrapper.appendChild(post); 

?

来源：https://stackoverflow.com/questions/10516736/appendchild-does-not-work