푸으름

✏️ DOM에 접근 - getElementById() 메서드document.getElementById("heading")// getElementById() 메서드를 사용하면 특정한 id가 포함된 DOM 요소에 접근할 수 있습니다.// 기본형 => 요소명.getElementById("id명") ✏️ DOM에 접근 - getElementsByClassName() 메서드document.getElementByClassName("bright")// getElementsByClassName() 메서드는 지정한 class 선택자 이름이 들어 있는 DOM 요소에 접근할 수 있습니다. class 선택자는 웹 문서 안의 여러 요소에서 사용할 수 있으므로 getElementsByClassName() 메서드를 사용하면 반환 ..

✏️ 문서 객체 모델(DOM)자바스크립트를 이용하여 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 웹 문서를 체계적으로 정리하는 방법을 말합니다. HTML 언어로 작성한 웹 문서의 DOM을 HTML DOM이라고 하며, XML 문서에서 사용하는 XML DOM도 있습니다. DOM은 웹 문서를 하나의 객체로 정희하고 웹 문서를 이루는 텍스트나 이미지, 표 등의 모든 요소도 객체로 정의합니다.웹 문서 자체는 document 객체이고 삽입한 이미지는 image 객체입니다. ✏️ DOM 트리자바스크립트로 DOM을 조작하기 위해서는 DOM으로 어떻게 표현되는지를 알아야 합니다. DOM은 웹 문서의 요소들을 부모 요소와 자식 요소로 구분합니다. 마치 트리처럼 말이죠. Do it! // 위의 코드들을 CSS에서..

✏️ 브라우저 관련 객체종류설명window브라우저 창이 열릴 때마다 하나씩 만들어지고 브라우저 창 안의 요소 중에서 최상위document웹 문서마다 하나씩 있으며 태그를 만나면 만들어짐, HTML 문서의 정보가 담겨 있음navigator현재 사용하는 브라우저의 정보가 들어 있음history현재 창에서 사용자의 방문 기록을 저장location현재 페이지의 URL 정보가 담겨 있음screen현재 사용하는 화면 정보를 다룸✏️ window 객체의 프로퍼티종류설명document브라우저 창에 표시된 웹 문서에 접근 가능frameElement현재 창이 다른 요소 안에 포함되어 있을 경우 그 요소를 반환하고, 반대로 포함되어 있지 않으면 null을 반환innerHeight내용 영역의 높이를 나타냄innerWidth..

✏️ Array 객체Array 객체는 자바스크립트의 여라 가지 내장 객체 중에서 배열을 다룹니다.  초깃값이 없는 상태에서 단순히 객체의 인스턴스만 만든다면 new 예약어를 사용해 변수에 할당하고, 초깃값이 있는 배열이라면 인스턴스 선언과 요솟값을 한 번에 할당에 작성할 수 있습니다.var numbers = new Array(); // 배열의 크기를 지정하지 않음var numbers = new Array(4); // 배열의 크기를 지정함var numbers = ["one","two","three","four"]; // 배열 선언var numbers = Array("one","two","three","four"); // Array 객체를 사용해 배열 선언// ※ Array의 객체 안에는 length라는 프..