개발 이야기 안하는 개발자

10. 문서 작성 본문

개발/JavaScript

10. 문서 작성

07e 2023. 3. 15. 20:30
반응형

textContent와 innerHTML의 차이


오른쪽과 같이 같은 결과를 내긴 하지만 큰 차이가 있음.

안에 태그( <br> ) 가 들어가면 결과가 달라짐.

textContent는 <br>을 그대로 사용함.

innerHTML은 명령을 수행함.

200 x 200 크기의 이미지가 나온다.

div로 레이아웃을 여러개 생성한다.

div를 모두 가져오고, 색 지정 , 높이 지정한다.

 
 

header 에 내용 정의후에

body에 자식으로 header를 등록한다.

2초후에 body에서 header를 지우면 떠있는 글자가 없어진다.

클래스로 가져와서

내용을 수정하게 된다.

 
 
 
반응형

'개발 > JavaScript' 카테고리의 다른 글

12. 로컬 저장과 예외처리  (0) 2023.03.15
11. 이벤트 및 입력  (0) 2023.03.15
9. 문서 객체와 이벤트 객체  (0) 2023.03.15
8. 객체 기본  (0) 2023.03.15
7. 함수 추가  (0) 2023.03.15