WEB108 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. BOM : 창 제어 window. open* 새 창 띄우기 1. 첫번째 인자는 새 창에 로드할 문서의 URL이다. 인자를 생략하면 이름이 붙지 않은 새 창이 만들어진다. 2. 두번째 인자는 새 창의 이름이다. _self는 스크립트가 실행되는 창을 의미한다. 3. _blank는 새 창을 의미한다. 4. 창에 이름을 붙일 수 있다. open을 재실행 했을 때 동일한 이름의 창이 있다면 그곳으로 문서가 로드된다. 5. 세번재 인자는 새 창의 모양과 관련된 속성이 온다. 6. 새 창에 접근 (보안상 문제로 서버 구축을 한 뒤 실습!) //onkeypress 이벤트는 사용자가 입력(this.value)을 완성할 때마다 winmessage(this.value) 함수를 실행 * 새 창을 띄우고 새 창과 커뮤니케이션 하는 방법이다.* 이.. 2016. 10. 14. BOM : Navigator 객체 Navigator 객체* 브라우저의 버전, 제품명 등 정보를 알 수 있는 기능.* 주로 호환성 문제 등을 위해 사용한다. 1. Navigator의 모든 프로퍼티 확인 console.dir(navigator); 2. appName alert(navigator.appName); * 웹 브라우저의 이름이다. IE는 Microsoft Internet Explorer, 파이어폭스, 크롬등은 Nescape로 표시한다. 3. appVersion alert(navigator.appVersion); * 브라우저의 버전. 4. userAgent alert(navigator.userAgent); * 브라우저가 서버측으로 전송하는 USER-AGENT HTTP 헤더의 내용이다. appVersion과 비슷하다. 5. platfo.. 2016. 10. 14. 이전 1 ··· 20 21 22 23 24 25 26 27 다음 반응형