김우디의 지식 저장소

분류 전체보기 (914)

[자바스크립트] Element 객체 :: 조회 API와 속성 API

카테고리 없음 김우디 2017. 9. 12. 22:06

[자바스크립트] Element 객체 :: 조회 API와 속성 API 참조 :: 생황코딩 1. 조회 API조회 API는 엘리먼트를 조회하는 기능이다. 조회 방법에 대해서는 이미 여러차례 살펴봤기 때문에 이번 시간에 알아볼 내용은 조회 대상을 제한하는 방법에 대한 것이다. 지금까지 document.getElementsBy* 메소드를 통해서 엘리먼트를 조회했다. document 객체는 문서 전체를 의미하는 엘리먼트이기 때문에 document의 조회 메소드는 문서 전체를 대상으로 엘리먼트를 조회한다. Element 객체 역시도 getElementsBy* 엘리먼트를 가지고 있는데 Element 객체의 조회 메소드는 해당 엘리먼트의 하위 엘리먼트를 대상으로 조회를 수행한다. 2. 속성 API 속성은 HTML에서 태..

더 읽기

[자바스크립트] Element 객체와 식별자 API

카테고리 없음 김우디 2017. 9. 12. 21:46

[자바스크립트] Element 객체 참조 :: 생활코딩 Element 객체는 엘리먼트를 추상화한 객체다. HTMLElement 객체와의 관계를 이해하기 위해서는 DOM의 취지에 대한 이해가 선행되야 한다. DOM은 HTML만을 제어하기 위한 모델이 아니다. HTML이나 XML, SVG, XUL과 같이 마크업 형태의 언어를 제어하기 위한 규격이기 때문에 Element는 마크업 언어의 일반적인 규격에 대한 속성을 정의하고 있고, 각각의 구체적인 언어(HTML,XML,SVG)를 위한 기능은 HTMLElement, SVGElement, XULElement와 같은 객체를 통해서 추가해서 사용하고 있다. 1) 식별자 API - 엘리먼트를 제어하기 위해서는 그 엘리먼트를 조회하기 위한 식별자 API - Element..

더 읽기

[자바스크립트] DOM 제어 대상 찾기 / document.getElementById / document.getElementsByTagName 등등

카테고리 없음 김우디 2017. 9. 5. 16:57

[자바스크립트] DOM 제어 대상 찾기 Dom = Document object model. 웹페이지를 자바스크립트로 제어하기 위한 객체 모델을 의미 window 객체의 document 프로퍼티를 통해서 사용 가능. Window 객체가 창을 의미한다면 Document 객체는 윈도우에 로드된 문서를 의미. 문서 내에서 객체를 찾는 방법은 document 객체의 메소드를 이용 document.getElementsByTagName 사용예시 문서 내에서 특정 태그에 해당되는 객체를 찾는 방법은 여러가지가 있다. getElementsByTagName은 인자로 전달된 태그명에 해당하는 객체들을 찾아서 그 리스트를 NodeList라는 유사 배열에 담아서 반환한다. NodeList는 배열은 아니지만 length와 배열접..

더 읽기

[자바스크립트] 네비게이터 객체 / navigator 객체 / 크로스 브라우징 이슈

카테고리 없음 김우디 2017. 9. 5. 15:54

[자바스크립트] 네비게이터 객체 / navigator 객체 / 크로스 브라우징 이슈 브라우저의 정보를 제공하는 객체다. 주로 호환성 문제등을 위해서 사용한다 크로스 브라우징 이슈: 브라우징마다 다르게 동작하는 이슈 / 웹표준이 정착하기 이전까지는 navigator 객체를 많이 사용했었다. console.dir(navigator.appName); 웹브라우저의 이름을 알수가 있다. IE는 Microsoft Internet Explorer, 파이어폭스, 크롬등은 Nescape로 표시. console.dir(navigator.appVersion); 브라우저의 버전 console.dir(navigator.userAgent); 브라우저가 서버측으로 전송하는 USER-AGENT HTTP 헤더의 내용이다. appVer..

더 읽기

[자바스크립트] location 객체 사용예시

카테고리 없음 김우디 2017. 9. 5. 15:31

[자바스크립트] location 객체 사용예시 현재 문서를 http://naver.com으로 이동 location.href = 'http://naver.com';location = 'http://naver.com'; 현재 문서를 리로드하는 간편한 방법location.reload(); 아래는 현재 윈도우의 문서가 위치하는 URL을 알아내는 방법이다.console.log(location.toString(), location.href); location 객체는 URL을 의미에 따라서 별도의 프로퍼티로 제공하고 있다. console.log(location.protocol, location.host, location.port, location.pathname, location.search, location.has..

더 읽기

[자바스크립트 요약정리] window 객체 / DOM / BOM / javascript

카테고리 없음 김우디 2017. 9. 5. 12:34

[자바스크립트 요약정리] window 객체 / DOM / BOM / javascript 웹브라우저의 구성요소들은 하나하나가 객체화. 자바스크립트로 이 객체를 제어해서 웹브라우저를 제어. * BOM Browser Object Model. 웹페이지의 내용을 제외한 브라우저의 각종 요소들을 객체화 * DOM Document Object Model. 웹페이지의 내용을 제어

더 읽기

[자바스크립트 요약정리] confirm / prompt 사용예시

카테고리 없음 김우디 2017. 9. 5. 12:30

confirm은 확인을 누르면 true, 취소를 누르면 false가 반환되는 객체123456789101112131415 function func_confirm(){ if(confirm('ok?')){ alert('ok'); } else { alert('cancel'); } } prompt는 사용자 입력을 받아 입력값을 반환하는 객체 function func_prompt(){ if(prompt('id?') === 'egoing'){ alert('welcome'); } else { alert('fail'); } }

더 읽기

[CSS 요약정리] display와 visibility 차이점

카테고리 없음 김우디 2017. 9. 4. 21:32

[CSS 요약정리] display와 visibility 차이점 display:none; => 모두 안보이게 함visibility:hidden => HTML 요소를 출력만 안할 뿐이지 공간은 남아있다.

더 읽기

Copyright © 김우디의 지식 저장소 All Rights Reserved

Designed by JB FACTORY

티스토리툴바