console.log(tweetDiv)//<div></div>
tweetDiv.textContent = 'dev';//textContent를 이용해 문자열을 입력합니다.
console.log(tweetDiv) // <div>dev</div>//
기존에 생성한 빈 div 태그를 업데이트하여, 보다 다양한 작업을 할 수 있습니다. textContent 를 사용해서, 비어있는 div 엘리먼트에 문자열을 입력합니다.
앞서 생성한 div 엘리먼트를 container에 append 했을 때, CSS 스타일링이 적용되지 않았습니다. CSS 스타일링이 적용될 수 있도록, div 엘리먼트에 class를 추가합니다.
tweet.classList.add('tweet')
console.log(oneDiv) // <div class="tweet">dev</div> tweet 클래스를 추가합니다
'Dom' 카테고리의 다른 글
| remove (0) | 2021.10.30 |
|---|---|
| querySelector, querySelectorAll (0) | 2021.10.30 |
| append VS appendChild, remove VS removeChild (0) | 2021.10.30 |
| createElement, append (0) | 2021.10.30 |
| Dom 순회 (0) | 2021.09.23 |