요청 처리 중입니다...

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

2024-10-19 04:19:37

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

DOM트리구조

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

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

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

등록된 다른 글

[GTQ 포토샵] 자격증 합격기준 & 기출문제

[공유] notion 으로 10분만에 포트폴리오 사이트 제작하기 (+단축키)

[css 7.] float 으로 요소 배치하기 - clear 이유

[css 12.] js 없이 animation(애니메이션) 적용방법, 속성, @keyframe 설정

[라이브러리] 스크롤 애니메이션 효과 AOS 적용하기 (사용법, 옵션정리)

[ITQ] 아이티큐 엑셀 핵심정리 + 단축키