반응형 dom2 [JavaScript] DOM(문서 객체 모델) Reference- [TCP School] 문서 객체 모델- [MDN] 문서 객체 모델- [ModernJS] 브라우저: 문제, 이벤트, 인터페이스(브라우저 환경과 다양한 명세서) - DOM(Document Object Model): XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스. W3C의 표준 객체 모델로 계층 구조로 표현됨- DOM 종류: Core DOM / HTML DOM / XML DOM- Document 객체: 웹 페이지 자체를 의미- HTML DOM은 Node라고 불리는 계층적 단위에 정보 저장- HTML 문서의 모든 것은 Node (Document 메서드)더보기메서드설명document.getElementsByTagName(tag_name)해당 태그 이름의 요소를 모두 선택do.. 2025. 4. 6. [JavaScript] DOM script 연결- script 태그 이용. defer를 사용하여 HTML 페이지 로딩을 동시에 진행- script 위치 순서 중요더보기출력더보기// console 창에 출력console.log("Hello World!");// pop업 창으로 확인 메시지alert("Are You Ready?");HTML 요소 선택더보기// 선택자로 HTML 요소 1개 선택const tag = document.querySelector("선택자");// 선택자로 HTML 요소 모두 선택const tagList = document.querySelectorAll("선택자");// 자식들 모두 선택const div = document.querySelector("div");const child = div.children;// 직.. 2025. 3. 6. 이전 1 다음 반응형
