javascript - appendChild does not work - Stack Overflow

admin管理员组

文章数量:1418618

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!

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!

• javascript
• appendchild

Share Improve this question Follow asked May 9, 2012 at 13:04 Patrick LenzPatrick Lenz 8722 silver badges88 bronze badges 1

• can you try wrapper.appendChild(post); ? – David K Commented May 9, 2012 at 13:05

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

getElementsByClassName returns an NodeList, not a Node

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

Have you tried

wrapper.appendChild(post);

instead of

document.wrapper.appendChild(post); 

?

本文标签： javascriptappendChild does not workStack Overflow