WEB/JavaScript43 Element 객체 : 조회 API 조회 API * 엘리먼트를 조회하는 기능 * document 객체는 문서 전체를 의미하는 엘리먼트로 document 조회 메소드는 문서 전체를 대상으로 조회한다. * Element 조회 메소드는 해당 엘리먼트의 하위 엘리먼트를 대상으로 조회한다. html css JavaScript JavaScript Core DOM BOM - 결과 html css JavaScript JavaScript Core DOM BOM 2016. 10. 15. Element 객체 : 식별자 API 식별자* 문서내의 특정한 엘리먼트를 식별하기 위한 API* HTML에서 엘리먼트 이름과 id, class를 식별자로 사용한다. - Element.tagName* 해당 엘리먼트의 태그 이름을 알아낸다. 태그 이름은 변경이 불가능하다. html css JavaScript * 결과 html css JavaScript - Element.id html css JavaScript * 문서 내에서 id는 단 하나만 등장 할 수 있다. * 결과 html css JavaScript - Element.className html css JavaScript * 클래스는 여러개의 엘리먼트를 그룹핑할 때 쓰인다.* 결과 html css JavaScript - Element.classList html css JavaScript /.. 2016. 10. 15. Element 객체 정의 Element 객체* 엘리먼트를 추상화한 객체이다.* DOM은 HTML뿐만 아니라 XML, SVG 등의 마크업 형태의 언어를 제어하기 위한 규격이기 때문에 Element는 마크업 언어의 일반적인 규격을 정의하고 있고, 각각의 구체적인 언어의 기능은 HTMLElement, SVGElement과 같은 객체를 통해추가하여 사용하고 있다. - DOM 계층 구조 - 2016. 10. 15. DOM : HTMLElement, HTMLCollection HTMLElement * 객체를 찾고 찾은 객체가 어떤 객체인가 정보를 반환. * 실행결과가 하나인 경우. * 모든 엘리컨트들이 이를 상속받고 있다. HTMLCollection* 객체를 찾고 찾은 객체가 어떤 객체인가 정보를 반환.* 실행결과가 복수개인 경우* 유사배열로 배열과 비슷한 사용방법을 가지지만 배열은 아니다.,* HTML DOM에서 Collection은 문서가 변경될때 자동으로 업데이트되는 실시간의 의미이다. 따라서 목록이 실시간으로 변경된다. HTMLLIElement* 실행 결과가 List인 경우 HTMLAnchorElement* 실행결과가 Anchor(태그)인 경우 HTMLInputElement* 실행결과가 Input인 경우 DOM Tree* 모든 엘리먼트는 HTMLElement의 자식이다.. 2016. 10. 14. 이전 1 ··· 3 4 5 6 7 8 9 ··· 11 다음 반응형