이전 콘텐츠 CREATE에서 생성한 tweeDiv를 트리 구조와 연결합니다.
CREAE에서 아래와 같이 tweeDiv를 생성한다.
const tweetDiv = document.createElement('div')- 변수 tweetDiv에 새로운
<div>요소를 할당합니다.
CREATE에서 만든 tweeDiv라는 변수는 아직 "공중부양" 상태이다.
이번 내용에서는 append라는 메서드를 사용하여, 변수 tweeDiv를 <body>에 넣어보겠다.
document.body.append(tweetDiv)- 변수 tweeDiv에 담긴 새로운
<div>요소를<body>요소에 append 한다.
아무것도 보이지 않지만, 잘못 입력한 것은 아니다. 왜냐하면 새롭게 생성한 <div>요소에 아무런 내용을 입력하지 않아서 보이는 내용이 없을 뿐이다. (크롬의 개발자 도구 Elements탭에서 확인할 수 있다.)
내용을 넣는 방법
- 다음 차례인 UDATE에서 좀 더 자세히 설명한다.
testContent라는 메서드를 활용하면 문자열을 입력할 수 있다.
다른 트윗처럼 이쁘게 container안에 넣을 순 없나?
- 생성한
tweetDiv를container에 넣기 위해서는,container를 먼저 찾아야한다.
찾는 방법은read로 찾을 수 있다.
코딩으로 쓰는 일기장