The console.log of element.children shows a length of 0, but has three entries when expanded later

Question

In my javascript, I have two elements.

I registered two items and it shows ...

Element 1.

Element 2.

There is a problem.

When I console.log elements .children, they obviously return some HtmlCollections

You will understand what this means in a minute: But it is strange that one HtmlCollection is empty (and has a length of 0), but has 3 elements (and has a length of 3).

If you read console.logbelow for children, you will understand what I'm talking about ...

Element 1 children and length:

2 children item and length: (spoiled one)

Does anyone know what is going on here?

How to fix this, I need a loop through the HtmlCollection, but that will not allow me, because the length is 0 ...?

Thanks in advance! All help was appreciated.

Answer 1

, ( ); live reference. , , . .

, , , , . , . , script, script </body>.

(i) ; , :

: " , ".