Append multiple elements at once using append() - JavaScript DOM Tutorial

In this video I'll be showing you how to use the append() method in JavaScript which lets you append multiple nodes to a parent node (or element) in one go.

This is a useful tool and a good alternative to having to call appendChild() multiple times or making your own function to append multiple children.

Support me on Patreon:

For your reference, check this out:

Follow me on Twitter @dcodeyt!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

[lingting]

hi，how can add loading spinner before append element has loade or displayed? i try to but the spinner keep loading and return the error of cannot read property append of null. How can implement the loading spinner. I have created two tabs and displayed the tab content using javascript functionand append method.

[monicagalluzzo]

I tried to use Append() in my code and something's wrong :( then i've tried to write the very same things you writing in this video, just as a test, but it doesn't work at all. Console return me "Uncaught TypeError: strong.textContent is not a function". I'm going through a lot of tutorial for this thing in particular and no one seems work. How can i understand how to do it properly?

[molecularnut]

Please help me, i had js and html file, the js file send some array to html file but i only want to print the first element of the array.

[spectrewhisperwind]

What is name of your keyboard, sound is perfect.

[rokyo]

how would you append a list of inputs?

[robinkartik]

What is the difference between append() and appendChild()

[brick_sa]

This man is just ignoring line breaks 🤣💔