[FIXED] JavaScript - How can I fix this?

Question

I tried everything I can to fix this error, I also followed the syntax given in JS lessons. But sill got an error and I have no idea why. Just open and run this code to understand my situation.

Answer 1

getElementsByClassName returns an array of elements

Answer 2

Thanks Toni Isotalo Dark Angel! Now I understand it. It's really far from jQuery (where I'm used to write it). And I forgot the pure JS. :(

Answer 3

Dark Angel No confusion, I get it from your descriptive information. :)

Answer 4

Ooh, sorry bout that. Thanks!

Answer 5

document.getElementsByClassName() returns an array of elements with that class name, even if it is 1 or 100.

Hence, an array object cannot use the appendChild method.

To fix this, replace dropdown.appendChild(...) with dropdown[0].appendChild(...)

Answer 6

If you want to avoid the confusion you can use an id instead of a class.