Web/JavaScript (6) 썸네일형 리스트형 [Javascript] DOM 요소 - DOM 요소의 선택 HTML 요소를 다루기 위해서는 우선 해당 요소를 선택해야만 한다. 자바스크립트에서 특정 HTML 요소를 선택하는 방법은 다음과 같다. 1. HTML 태그 이름( tag name )을 이용한 선택 getElementsByTagName() 메소드는 HTML 태그 이름을 이용하여 HTML 요소를 선택한다. item() 메소드는 해당 HTML 객체 집합( object collection )에서 전달받은 인덱스에 해당하는 요소를 반환한다. HTML 요소의 style 프로퍼티를 이용하면, 해당 요소의 CSS 스타일을 변경할 수 있다. var selectedItem = document.getElementsByTagName("li"); // 모든 요소를 선택함. for (var i = 0; i.. [Javascript] Document 객체 - Documnet 객체 Document 객체는 웹 페이지 그 자체를 의미한다. 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시 Document 객체부터 시작해야 한다. - Document 메소드 Document 객체는 HTML 요소와 관련된 작업을 도와주는 다양한 메소드를 제공한다. HTML 요소의 선택 HTML 요소의 생성 HTML 이벤트 핸들러 추가 HTML 객체의 선택 - HTML 요소의 선택 HTML 요소를 선택하기 위해 제공되는 메소드는 다음과 같다. -HTML 요소의 생성 새로운 HTML 요소를 생성하기 위해 제공되는 메소드는 다음과 같다. - HTML 이벤트 핸들러 추가 HTML 요소에 이벤트 핸들러를 추가하기 위해 제공되는 메소드는 다음과 같다. 출처 http://tcps.. [Javascript] DOM 개념 - 문서 객체 모델( DOM ) 이란? DOM( Document Object Model )은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다. 이 객체 모델은 문서 내의 모든 요스를 정의하고, 각각의 요소에 접근하는 장법을 제공한다. 이러한 DOM은 W3C의 표준 객체 모델이며, 다음과 같이 계층 구조로 표현된다. 자바스크립트는 이러한 객체 모델을 이용하여 다음과 같은 작업을 할 수 있다. 새로운 HTML 요소나 속성을 추가할 수 있다. 존재하는 HTML 요소나 속성을 제거할 수 있다. HTML 문서의 모든 HTML 요소를 변경할 수 있다. HTML 문서의 모든 HTML 속성을 변경할 수 있다. HTML 문서의 모든 CSS 스타일을 변경할 수 있다. HTML 문서에 새로운 HTML 이벤트를.. [Javascript] Javascript 인코딩 인코딩은 정보의 형태가 형식을 표준화, 보안, 처리 속도 향상, 저장 공간 절약 등을 위해서 다른 형태나 형식으로 변환하는 처리 혹은 그 처리 방식을 말한다. 즉, 컴퓨터가 이해할 수 있는 형식으로 바꾸어 주는 것이다. - Javascript 인코딩 함수 ※ escape(),unescape() 함수는 자바스크립트 1.5버전부터 더는 지원하지 않으므로, encodeURI(),decodeURI() 함수나 encodeURIComponent(), decodeURIComponent() 함수를 대신 사용해야 합니다. 1. escaepe(), unescape() 전달받은 문자열에서 특정 문자들을 16진법 이스케이프 시퀀스 문자로 변환한다. escape('https://freewebdev.tistory.com/게시판/.. [Javascript] 함수 호이스팅( hoisting ) 자바스크립트에서 함수의 유효 범위라는 것은 함수 안에서 선언된 모든 변수는 함수 전체에 걸쳐 유효하다는 의미입니다. 그런데 이 유효 범위의 적용이 변수가 선언되기 전에도 똑같이 적용됩니다. 이러한 자바스크립트의 특징을 함수 호이스팅( hoisting )이라고 합니다. 즉, 자바스크립트 함수 안에 있는 모든 변수의 선언은 함수의 맨 처음으로 이동된 것처럼 동작합니다. - 예제 var globalNum = 10; // globalNum을 전역 변수로 선언함. function printNum() { document.write("지역 변수 globalNum 선언 전의 globalNum의 값은 " + globalNum + "입니다. "); // ① var globalNum = 20; // globalNum을 지역.. [Javascript] JSON 기초 1. JSON이란 - JSON은 JavaScript Object Notation의 약자이다. - 데이터를 쉽게 교환하고 저장하기 위하여 만들어진 텍스트 기반의 데이터 교환 표준이다. 2. JSON의 특징 - 자바스크립트를 확장하여 만들어졌다. - 자바스크립트 객체 표기법을 따른다. - 사람과 기계가 모두 읽기 편하도록 고안되었다. - 프로그래밍 언어와 운영체제에 독립적이다. * JSON표기법과 프로그래밍 언어별 지원 라이브러리에 대한 자세한 사항은 다음 링크를 참고 www.json.org/json-ko.html JSON JSON (JavaScript Object Notation)은 경량의 DATA-교환 형식이다. 이 형식은 사람이 읽고 쓰기에 용이하며, 기계가 분석하고 생성함에도 용이하다. JavaScr.. 이전 1 다음
