로딩
요청 처리 중입니다...

[javascript 14.] 자바스크립트 문서 객체 모델(DOM)

 [javascript 14.] 자바스크립트 문서 객체 모델(DOM)

문서 객체 모델(DOM) 웹 브라우저에 표시되는 HTML 문서 구조를 객체화한 모델 구조 웹 브라우저의 문서 객체 모델(DOM)을 조작하여 웹 브라우저에 표시되는 HTML 문서 구조를 변경하거나 새로운 요소를 추가하는 등 작업을 할 수 있음 돔트리 (DOM tree) 웹 문서에 있는 요소들 간 부모, 자식 관계를 계층 구조로 표시한 것 DOM 트리

DOM트리구조

노드 노드 선택하기 ( get / query ) get 메서드 속성값과 태그명 사용하기 getElementById('id속성값') id 속성값과 일치하는 요소 노드 1개만 선택 getElementsByClassName('class속성값') class 속성값과 일치하는 요소 노드 모두 선택 ...

# get메서드 # 자바스크립트클래스 # 자바스크립트스타일가져오기 # 자바스크립트문서객체모델 # 자바스크립트메서드 # 자바스크립트돔트리 # 자바스크립트데이터 # 자바스크립트노드추가 # 자바스크립트노드조작 # 자바스크립트노드선택하기 # 자바스크립트노드삭제 # 자바스크립트DOM # 자바스크립트 # query메서드 # jsdom # 자바스크립트텍스트가져오기