[DOM] DOM다루기 (Create, append, Read, Update, Delete)

CRUD

(Create, Read, Update, Delete)

 

일단 간단히 정리해보았다

 

1.Create 생성

- div요소를 만든다

- div를 tweetDiv라는 변수에 할당한다

->아직 공중부양상태

 

2.append 포함

- 변수인 tweetDiv를 body에 넣는다

 

3. Read 조회

- 말그대로 조회한다

- querySelector

- getElementById

 

4. Update 갱신

- 일단 만들어졌다. 이걸 꾸미고 하는거다

- 문자열을 입력 => textContent이용

- css사용위해 class추가

 

5. Delete 삭제

- remove()

- innerHTML : 자식요소를 모두 지운다. 근데 기술적문제로 사용권장하지않는다

- removeChild : 자식요소를 지정해서 삭제한다, 반복문겸용으로도 쓰인다

- foreach : 클래스이름을 지정해서 지우는 방법