récupération du firstElementChild impossible

Bonjour,
j'ai un petit problème de compréhension sur mon code js.
J'essaie de récupérer le firstElementChild de mon élément parent.
Quand je fais un console.log du parent, je vois les éléments enfants dans la liste
Mais si j'essaie de les récupérer, il n'existe pas.
Je n'arrive pas à comprendre pourquoi.

voici mon code :

import { PlayerModal } from "../templates/PlayerModal.js"

export function mediaCardWithPlayer(mediaCard, id) {
    if(mediaCard.media.id === id) {
        console.log('$wrapper', mediaCard.$wrapper)  //la valeur du chilElementCount est 2
        console.log('childElementCount', mediaCard.$wrapper.childElementCount) // la valeur est 0
        mediaCard.$wrapper.addEventListener('click', () => { 
            const Player = new PlayerModal(mediaCard.media)
            Player.render()
        })
    }
    return mediaCard
} 

Je ne comprends pas pourquoi la première fois la valeur est 2 et quand j'essaie de récupérer le childElementCount la valeur est 0.