DOM3 DOM : HTMLElement, HTMLCollection HTMLElement * 객체를 찾고 찾은 객체가 어떤 객체인가 정보를 반환. * 실행결과가 하나인 경우. * 모든 엘리컨트들이 이를 상속받고 있다. HTMLCollection* 객체를 찾고 찾은 객체가 어떤 객체인가 정보를 반환.* 실행결과가 복수개인 경우* 유사배열로 배열과 비슷한 사용방법을 가지지만 배열은 아니다.,* HTML DOM에서 Collection은 문서가 변경될때 자동으로 업데이트되는 실시간의 의미이다. 따라서 목록이 실시간으로 변경된다. HTMLLIElement* 실행 결과가 List인 경우 HTMLAnchorElement* 실행결과가 Anchor(태그)인 경우 HTMLInputElement* 실행결과가 Input인 경우 DOM Tree* 모든 엘리먼트는 HTMLElement의 자식이다.. 2016. 10. 14. DOM : 제어 대상 찾기 document.getElementsByTagName * 문서 내 해당 태그의 이름을 가진 객체를 반환한다.* 인자로 전달된 태그명에 해당하는 객체들을 찾아서 그 리스트를 NodeList라는 유사 배열에 담아서 반환한다. NodeList는 배열은 아니지만 length와 배열접근연산자를 사용해서 엘리먼트를 조회할 수 있다. - 사용법 document.getElementsByTagName("태그이름") - 예제 HTML CSS JavaScript -결과 HTML CSS JavaScript ☆ 조회 대상을 좁히려면 HTML CSS JavaScript HTML CSS JavaScript document.getElementsByClassName * class 속성 값 기준으로 객체를 반환 - 사용법 var obj.. 2016. 10. 14. Object Model 웹브라우저의 구성요소들은 하나하나 객체화되어있다. 자바스크립트로 이 객체를 제어해서 웹브라우저를 제어할 수 있게 된다. 이 객체들은 서로 계층적인 관계로 구조화되어 있다. BOM과 DOM은 이 구조를 구성하고 있는 가장 큰 분류라고 할 수 있다. JavaScript Core(Ecma Script Specification)* 변수, 데이터형, 제어루프, 조건문 등 Script 프로그래밍 언어의 핵심 기능이 포함되어 있다. * 웹브라우저에 따라 다르고, 기능을 추가하거나 제거할 수 있다. * JavaScript 자체에 정의되어 있는 객체가 속해있다. DOM (Document Object Model)* 문서 안의 요소를 액세스 하는 API.* 웹페이지의 내용을 제어한다. window의 프로퍼티인 documen.. 2016. 10. 14. 이전 1 다음 반응형