DOM 노드 접근

(2019-08-10)
1. DOM 노드 객체로의 접근 (메소드에 의한 접근 방법)

  ㅇ id명,태그명,클래스명,name명에 의한 접근
     * (결과값이 단일한 경우)
     - ① id명 접근 : getElementByID(id) => 결과가 맨처음 찾은 1개로 얻어짐
        . 리턴 타입 : HTML*Element (단일 형태)
           .. 즉, HTMLFormElement, HTMLLIElement 등 구체화된 단일 태그 요소

     * (결과값이 복수/컬렉션인 경우)
     - ② 태그명 접근 : getElementsByTagName(tag) => 결과가 유사 배열 형태(컬렉션) 임
        . 리턴 타입 : HTMLCollection (복수 형태)
     - ③ 클래스명 접근 : getElementsByClassName(class) => 결과가 유사 배열 형태(컬렉션) 임
        . 리턴 타입 : HTMLCollection (복수 형태)
     - ④ name 접근 : getElementsByName(name) => 결과가 유사 배열 형태(컬렉션) 임
        . 리턴 타입 : NodeList (복수 형태)
        . 단, name 접근 방식은, HTML에서 만 가능, XML 경우는 안됨

     * 例) document.getElementByID("myElem").getElementsByClassName("username current");
        . 단일 요소 myElem 자손 중에, username 및 current가 있는 복수의 요소들을 찾아내서 접근


  ㅇ CSS 선택자 API에 의한 접근
     - querySelector(selector)
     - querySelectorAll(selector)
     - matchSelector(selector) 등


2. DOM 노드 객체로의 접근 (프로퍼티에 의한 접근 즉, DOM 단축 표기 접근 : DOM Level 0)

  ㅇ 단일 요소 접근 방식
     - document (전체 문서를 가리킴)
     - document.documentElement (html 요소를 가리킴)
     - document.head (head 요소를 가리킴)
     - document.title (title 요소를 가리킴)
     - document.body (body 요소를 가리킴) 등

  ㅇ 복수(컬렉션) 요소 접근 방식 (HTMLCollection 객체)
     - links[], scripts[], anchors[], images[], applets[], embeds[] 등
     - forms[]
        . elements[] : form 요소 내 자식 요소들을 순차적으로 접근

  ㅇ 요소 내 속성 접근 방식
     - HTML 속성
        . id, class, name, src, href, style, width, height 등
     - 이벤트 처리기 속성표준 DOM 이벤트 참조
        . onclick, oncontextmenu, ondblclick, onmousedown, onmouseenter, onmouseleave,
          onmousemove, onmouseover, onmouseout, onmouseup 등


[JS DOM 제어] 1. DOM 트리 모델 2. DOM 메소드 3. DOM 프로퍼티 4. DOM 노드 접근 5. DOM 요소 컬렉션
  1.   기술공통
  2.   기초과학
  3.   진동/파동
  4.   방송/멀티미디어/정보이론
  5.   전기전자공학
  6.   통신/네트워킹
  7.   정보기술(IT)
        1. 정보기술
    1.   전산기초
    2.   컴퓨터구조
    3.   프로그래밍
          1. 프로그램, 프로그래밍
      1.   프로그래밍 언어론
      2.   프로그래밍 방법론
      3.   객체지향 프로그래밍
      4.   자료표현코드
      5.   자료구조
      6.   알고리즘
      7.   시스템 소프트웨어
      8.   프로그래밍언어 종류
            1. 프로그래밍 언어
        1.   C
        2.   C++
        3.   자바(Java)
        4.   자바스크립트
              1. JavaScript
              2. JS 기초 문법
          1.   JS 변수,타입,논리식
          2.   JS 연산자
          3.   JS 함수
          4.   JS 객체
          5.   JS 배열/Map/Set
          6.   JS 활용
          7.   JS 웹문서 제어
                1. 웹문서 내 JS
                2. 동일 출처 정책
            1.   JS Window 객체
            2.   JS DOM 제어
              1.   1. DOM 트리 모델
                  2. DOM 메소드
                  3. DOM 프로퍼티
                  4. DOM 노드 접근
                  5. DOM 요소 컬렉션
            3.   JS 이벤트
            4.   Ajax
            5.   jQuery
        5.   PHP
        6.   파이썬
        7.   (기타 언어)
      9.   프로그래밍 기타일반
    4.   데이터베이스
    5.   소프트웨어 공학
    6.   운영체제
    7.   정보보호/보안
    8.   IT 기타기술
  8.   공업일반(기계,재료등)
  9.   표준/계측/품질
  10.   기술경영

 
        최근수정     요약목록     참고문헌