Dynamically create <div> element and append something in for loop

Question

I am trying to create dynamically some divs and append some data to these divs. I have tried this:

var array = ["name1","name2","name3"];
for(let i=0;i<array.length;i++) {
    var newElement = document.createElement('div');
    newElement.id = array[i];
    newElement.className = "names";
    newElement.innerHTML = array[i];
    document.body.appendChild(newElement);
}

The error I get is:

TypeError: Cannot read property 'appendChild' of null

Edit:

if i put the script code in body tag, it's working. i don't understand why, but it's working. Can anyone help me understand why?

Sorry for that, my mistake, but it's still not working. TypeError: Cannot read property 'appendChild' of null — Tudor Stanciulescu
– Tudor Stanciulescu, Commented Oct 8, 2020 at 6:45
update: if i put the script code in body tag, it's working. i don't understand why, but it's working. thx anyways! — Tudor Stanciulescu
– Tudor Stanciulescu, Commented Oct 8, 2020 at 6:49

Eranga Heshan · Accepted Answer · 2020-10-08 06:44:04Z

1

In Javascript, array.legth is a property not a function.

Try changing

for(let i=0;i<array.length();i++) {

into,

for(let i=0;i<array.length;i++) {

answered Oct 8, 2020 at 6:44

Eranga Heshan

5,8724 gold badges31 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tudor Stanciulescu Over a year ago

Sorry, that was my mistake, but it's still not working. TypeError: Cannot read property 'appendChild' of null

Tudor Stanciulescu Over a year ago

Update: it's working if i put the script in <body>. Anyway. thx for the answer.

Collectives™ on Stack Overflow

Dynamically create <div> element and append something in for loop

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related