VansStory

DOM정의: 문서 객체 모델(Document Object Model), HTML/XML 문서의 프로그래밍 인터페이스기능: 문서의 구조, 스타일, 내용 등을 변경 가능종류:Core DOM: 모든 문서 타입을 위한 모델HTML DOM: HTML 문서를 위한 모델XML DOM: XML 문서를 위한 모델Document 객체Document 객체는 웹 페이지를 의미웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시 Document 객체부터 시작Document 객체 메서드HTML 요소의 선택HTML 요소의 생성HTML 이벤트 핸들러 추가2. 자바스크립트와 DOMPoint IDOM 요소의 선택// HTML 요소를 선택var selectedItem = document.getElementsByTagName(..

연산자의 종류산술 연산자: +, -, *, /, % (나머지)문자열에서의 사용: 문자열 연결 ("20" + "10" → “2010”)증감 연산자: ++ (1씩 증가), - (1씩 감소)비교 연산자: ==, ===, !==, >,  >=, 논리 연산자: &&, ||조건문주어진 조건에 따라 결과값을 출력하는 구문조건으로는 비교 연산자나 논리 연산자 사용if (a if (a > b) { //~}else { // (= if(aif (a > b) {} else if(b > c) {} else if(a for문for (var i = 0; i

JavaScript이미지 슬라이드 효과, 팝업 효과 등의 기능을 포함한 동적인 웹사이트 제작 시 사용되는 프로그래밍 언어 변수데이터를 담는 공간변수 선언 및 데이터 저장var variable;variable = 1// inlinevar variable = 1;변수 선언: 데이터를 담을 공간을 생성하는 것변수 초기화: 생성된 변수에 데이터를 전달하는 것변수 확인방법var variable = "a";console.log(variable);출력 내용은 개발자 도구 > Console 탭에서 확인변수 명명 규칙숫자로 시작할 수 없음 (예: var 1str; 불가)변수명은 최대한 자세하게 작성 (예: var randomNumber;)의미가 명확한 이름 사용 (반례: var tmax;)자바스크립트 사용법  태그..