![]()
'use strict'; console.log(document.querySelector('.message').textContent); querySelector을 이용해서 이 메시지 요소를 선택했다. 선택된 요소로부터 텍스트 콘텐츠도 얻었다. 텍스트 콘텐츠를 얻는 것 외에 요소의 콘텐츠도 설정할 수 있게되었다. document.querySelector('.message').textContent = '👏 Correct Number!'; console.log(document.querySelector('.message').textContent); DOM 조작 DOM 메모의 텍스트 콘텐츠를 조작했다. document.querySelector('.number').textContent = 13; document.qu..
![]()
DOM 문서 개체 모델을 의미한다. 기본적으로 HTML 문서를 구조적으로 나타낸다. JS를 이용해 HTML 요소와 스타일에 엑세스해 조작할 수 있게 해준다. 예를 들어, 텍스트도 바꾸고 HTML 특성도 바꾸고 JS에서 CSS 스타일도 바꿀 수 있다. ∴ DOM은 기본적으로 HTML 문서와 JS 코드 사이의 연결점 HTML 페이지로 로드되면 브라우저가 자동으로 DOM을 생성한다. 이런 나무 구조물에 저장한다. 이 트리에서는 각각 HTML 요소가 하나의 개체이다. A paragraph with a link A second paragraph 사진은 tree structure이다. HTML의 각 요소에서 볼 수 있듯이 요소 노트와 DOM 트리가 있다. JS를 이용해 각 노드에 액세스하고 상호작용할 수 있다. D..
