바닥부터 시작하는 프로그래밍/국비 - HTML, CSS, 부트스트랩, 자바스크립트

DOM Api(Document object model) - 문서 객체 모델 - 제일 중요!!!!!

예얀 2024. 4. 25. 13:23

DOM Api(Document object model) - 문서 객체 모델 

 

 

node가 element보다 표현범위가 크다. 

 

element = html

 

element= 노드

노드 = element가 아니다.

 

상단

document가 접근하는거 그 뒤 .get 어쩌고가 바꾸고 싶은 id나 class 지정해서 바꾸는거 

get어쩌고 뒤 s면 여러개 영어처럼

 

1,2번 방법 : 예전방법

3,4번 방법 : 현재?방법

인데 원하는거 선택해서 쓰기

 

난 1,2 방법이 편하다....!!

하단

버튼 누르면 접근해서 값을 원하는대로 변경가능 함

---------------------------------------------------------

 

f12눌러서 소스쪽 들어가면
이렇게 번호누르면 저부분을 실행했을때 멈추게됨
그래서 2번 버튼을 누르거나 오른쪽 빨간동그라미 친거 시작버튼 > 이거 누르면 순서대로 실행됨.

 

제일 왼쪽 동그라미 표시는 누르면 하나씩 변경되는거 파악할 수 있다. 

 

이거 사용할 줄 알아야함~~!!!!