동적인 DOM 객체 생성

다음 코드는 div 태그를 정적으로 갯수를 지정해주고 innerHTML 을 통해 값을 넣는 코드이다. 다음 코드를 보자. 뭐가 다를까? 우선 위 코드는 를 정적으로 몇개 선언해주어야했지만, 이 코드를 보면 이다. $target 변수에 의 DOM 객체를 할당한다. ($를 붙힌 이유는 DOM 객체를 할당한 변수라는 컨벤션이다.) 이제 TodoList 생성자 함수안에서 this.$target 에 createElement('ul')을 통해서 ul 태그를 만들어준다. 그 후 ul 태그를 main 태그안에 넣어주는 것이다. 는 다음과 같아질 것이다.