안녕하세요 자바스크립트로 타이핑효과를 주고 싶어서

해보고 있는데

window.onload = function () {
};

let content = 'SUA IS DEVELOPER.';
let contenttext = document.getElementById('#maintext');
let i = 0;

function typing() {
    if (i < content.length) {
        let txt = content.charAt(i);
        console.log(txt);
        contenttext += txt;
        i++;
    }
}
setInterval(typing, 200);

--여긴 html
<div class="mytitle">
    <p id="maintext"></p>
    <p id="temp"></p>
</div>

이렇게 효과를 주었는데

콘솔로 찍었을 때,

실행은 되는 거 같은데

contenttext 'nullSUA IS'

contenttext 'nullSUA IS DE'

contenttext 'nullSUA IS DEVELO'

contenttext 'nullSUA IS DEVELOPER'

이렇게 앞에 null이 들어가는 이유는 무엇일까요?

구글링을 어떻게 쳐야할지도 감이 안 잡히네요 ㅠㅠ