Uncaught (in promise) TypeError: Cannot set properties of null (setting 'innerHTML')

공공 데이터로 받아온 xml파일 html 로 pasing 후 html에 태그로 보내주려고 하자 발생했다. 

    async function load() {
        // 파일 가져오기
        const response = await fetch(`url`);
        // 텍스트 형식으로 해석
        const text = await response.text();
        // XML 형식으로 해석
        const xml = new DOMParser().parseFromString(text, 'application/xml');

        const gameDataInput = () => {
            ...
        }

        gameDataInput();

        const htmlInput = () => {
           ...
        }
        htmlInput();
        cardId.innerHTML = `<div>${htmlData}</div>`;
    }

 

원인을 찾아보니 cardId값을 null으로 받고 있었다.

id가 아닌 class 를 id라고 지정 한것이 이유였다... 

 

수정하니 매우 잘나옴

저 오류에서는 위치 잘못 지정 하지 않았는지 확인 해 볼것...