DOM

DOM

  • account_tree
  • bug_report

Mixin and Primitive Interface

하위 트리 탐색

  • ChildNode

    부모를 가질 수 있는 Node 객체에 고유한 메소드를 포함한다. 원시 인터페이스이며 이 타입의 객체를 생성할 수 없다. Element, DocumentTypeCharacterData 객체로 구현된다.

    • Methods

      • after()

        Node 또는 DOMString 집합을 마지막 자식 노드로 추가한다. DOMString  집합은 Text 노드와 동일하게 삽입된다.

      • before()

        Node 또는 DOMString 집합을 앞 쪽 형제 노드로 추가한다.  DOMString은 Text 노드와 동일하게 삽입된다.

      • remove()

        노드(자신)를 DOM에서 제거한다.

      • replaceWith()

        자신를 인수로 지정된 Node 객체 또는 DOMString 집합으로 대체한다. DOMString 은 Text 노드와 동일하게 삽입된다.

  • DocumentOrShadowRoot

    document와 shadow roots간 공유되는 객체

    • Methods

      • getSelection()

        사용자가 선택한 텍스트의 범위를 가진 Selection 객체를 반환한다.

    • Properties

      • styleSheets

        현재 문서에 명시적으로 연결되어 있거나 포함된 스타일시트에 대한 CSSStyleSheet 객체의 StyleSheetList를 조회한다.

  • GlobalEventHandlers

    Window, Document, HTMLElement 등 여러 인터페이스에서 구현 가능한 공통 이벤트 핸들러를 포함한다.

    • Properties

      • onabort

        리소스가 완전히 로드되지 않았을 때 발생한다. 오류의 결과는 아니다.

      • onauxclick

        기본이 아닌 포인팅 장치 버튼(일반적으로 가장 왼쪽에 있는 기본 버튼 이외의 모든 마우스 버튼)을 눌렀다가 뗐을 때 발생한다.

      • onbeforeinput

        <input>,<select>, <textarea> 요소의 값이 변경되려고 할 때 발생한다.

      • onbeforematch

        요소의 hidden 애트리뷰트가 until-found  값을 갖는 경우에 발생한다.

      • onbeforetoggle

        표시와 숨김 사이를 전환할 때 popover 애트리뷰트가 있는 요소에서 발생한다.

      • oncancel

        <dialog> 요소가 닫힐 때 또는 <input> 요소에서 파일 선택기를 사용할 때 선택을 취소하고 이전에 선택했던 동일한 파일을 다시 선택할 때 발생한다.

      • oncanplay

        재생 가능한 미디어 리소스가 확보된 경우에 발생한다.

      • oncanplaythrough

        readyStateHAVE_ENOUGH_DATA로 변경될 때 발생한다.

      • onchange

        <input>, <select>, <textarea> 입력 요소의 설정 값이 변경되면 발생한다.

      • onclick

        마우스 왼쪽 버튼을 눌렀다 뗐을 경우 발생한다.

      • onclose

        대화 상자가 닫히면 HTMLDialgElement에서 발생한다.

      • oncontextlost

        CanvasRenderingContext2D 또는 OffscreenCanvasRenderingContext2D 객체가 손실되면 발생한다.

      • oncontextmenu

        사용자가 컨텍스트 메뉴를 열려고 할 때 발생한다.

      • oncontextrestored

        CanvasRenderingContext2D 또는 OffscreenCanvasRenderingContext2D 객체가 손실된 후 복원되면 발생한다.

      • oncopy

      • oncuechange

        TextTrack이 현재 표시되는 큐를 변경했을 때 발생한다.

      • oncut

        선택이 잘라내기 되어진 후 클립보드로 복사되었을 때 발생한다.

      • ondblclick

        마우스 왼쪽 버튼을 빠르게 두번 클릭할 때 발생한다.

      • ondrag

        사용자가 요소 또는 텍스트 선택을 드래그 할 때 100 밀리초(millisecond)마다 발생한다.

      • ondragend

        드래그가 종료될 때 발생한다.

      • ondragenter

        드래그한 요소 또는 텍스트 선택 항목이 유효한 드롭(drop) 대상에 들어가면 발생한다.

      • ondragleave

        드래그한 요소 또는 텍스트 선택이 유효한 드롭 대상을 벗어나면 발생한다.

      • ondragover

        요소 또는 텍스트 선택 항목이 유효한 드롭 대상 위로 드래그될 때 발생한다.

      • ondragstart

        사용자가 요소 또는 텍스트 선택을 위한 드래그를 시작하면 발생한다.

      • ondrop

        요소 또는 텍스트 선택이 유효한 드롭 대상에 놓일 때 발생한다.

      • ondurationchange

        duration 속성이 업데이트되면 발생한다.

      • onemptied

        미디어 요소가 load() 메소드에 의해 다시 초기화될 때 발생하거나 치명적인 오류가 있어 미디어 리소스를 준비하지 못할 때 발생한다.

      • onended

        미디어 끝에 도달했거나 더 이상 사용할 수 있는 데이터가 없어 재생 또는 스트리밍이 중지되면 발생한다.

      • onerror

         window에서 사용할 리소스 로드에 실패했거나 사용할 수 없는 경우 발생한다.

      • onfocus

        요소(element)가 포커스(focus)를 받을 때 발생한다.

      • onformdata

        양식의 데이터를 나타내는 항목 목록이 생성된 후 발생한다.

      • oninput

        <input>, <select>, <textarea> 요소에 대한 입력 이벤트이다.

      • oninvalid

        제출 가능 요소가 유효성을 확인하고 제약 조건을 충족하지 않을 때 발생한다.

      • onkeydown

        키보드의 키를 누를 때 발생한다.

      • onkeypress

        Shift, Fn, CapsLock 키를 제외한 키가 눌린 상태일 때 연속적으로 발생한다.

      • onkeyup

        키보드의 키를 누르고 있다가 뗐을 때 발생한다.

      • onloadeddata

        미디어의 현재 재생 위치에 있는 프레임이 로드를 완료하면 발생한다.

      • onloadedmetadata

        메타 데이터(metadata)가 로드되면 발생한다.

      • onloadstart

        웹브라우저가 미디어 리소스를 다운로드하기 시작하는 시점에 발생한다.

      • onmousedown

        마우스 포인터가 대상 요소 안에 있는 동안 마우스 버튼을 누를 때 발생한다.

      • onmouseenter

        입력 장치의 포인터가 요소 위로 이동했을 때 발생한다.

      • onmouseleave

        입력 장치의 포인터가 요소에서 벗어 날때 발생한다.

      • onmousemove

        마우스 포인터의 움직임이 있을 때 이벤트가 발생한다.

      • onmouseout

        입력 장치의 포인터가 요소를 벗어 날 때 발생한다. mouseleave와 다른 점은 하위 요소 발생을 포함한다.

      • onmouseover

        마우스 포인터가 대상 요소와 겹칠 때 이벤트가 발생한다.

      • onmouseup

        마우스 포인터가 대상 요소 안에 있는 동안 마우스 버튼을 누르고 해제할 때 이벤트가 발생한다.

      • onpast

        클립보드의 항목이 불여넣기 되어질 때 발생한다.

      • onpause

        재생이 일시 중지될 때 발생한다.

      • onplay

        play() 메소드 또는 autoplay 속성의 결과로 paused 속성이 true에서 false로 변경되면 발생한다.

      • onplaying

        버퍼링을 위해 일시 중지 또는 중지된 후 다시 재생될 때 발생한다.

      • onprogress

      • onratechange

        재생 속도가 변경될 때 발생한다.

      • onreset

        양식의 입력 값을 초기화할 때 발생한다.

      • onsecuritypolicyviolation

        정책과 버블(bubble)을 위반하는 요소에서 발생한다.

      • onseeked

        사용자가 미디어 재생시 타임라인에서 재생 위치를 이동하거나 건너뛰기를 완료할 때 발생한다.

      • onseeking

        사용자가 미디어 재생시 타임라인에서 재생 위치를 이동하거나 건너뛰기를 시작할 때 발생한다.

      • onselect

      • onslotchange

      • onstalled

        미디어 리소스를 다운로드하려고 했지만 예기치 않게 다운로드하지 못할 때 발생한다.

      • onsubmit

        양식을 전송할 때 발생한다.

      • onsuspend

        미디어 리소스가 로딩이 중지된 시점에 발생한다.

      • ontimeupdate

        재생 위치(currentTime)가 변경되었을 때 발생한다.

      • ontoggle

        <details> 또는 팝오버(popover)가 활성된 요소의 열림/닫힘 상태가 토글될 때 발생한다.

      • onvolumechange

        미디어의 볼륨이 변경되었을 때 발생한다.

      • onwaiting

        일시적인 재생할 데이터의 부족으로 인해 재생이 중지되면 발생한다.

      • onwheel

        포인팅 입력 장치에서 휠 버튼을 회전할 때 발생한다.

  • NonDocumentTypeChildNode

    DocumentType에는 적합하지 않은 노드 객체를 위한 인터페이스이며 호환성을 위해서 DocumentType으로부터 삭제되었다. 유형의 객체를 만들수 없는 원시 인터페이스이며 ElementCharacterData 객체에 의해서 구현된다.

    • Properties

      • nextElementSibling

        다음 형제 요소를 참조하며 존재하지 않는 경우에는 null을 갖는다.

      • previousElementSibling

        이전 형제 요소를 참조하며 존재하지 않는 경우에는 null을 갖는다.

  • ParentNode

    자식을 가질 수 있는 모든 종류의 Node 객체가 공통으로 가지는 메서드와 프로퍼티를 갖는다. Element, Document, DocumentFragment 객체가 구현한다.

    • Methods

      • append()

        요소의 마지막 자식 노드 다음에 Node 객체 또는 문자열 집합을 삽입한다. 문자열은 Text 노드로 삽입된다.

      • prepend()

        요소의 첫 번째 자식 노드 앞에 Node 객체 또는 문자열 집합을 삽입한다. 문자열은 Text 노드로 삽입된다.

      • querySelector()

        지정된 CSS 선택자를 갖는 하위 요소를 찾아 첫 번째로 일치하는 요소을 반환한다.

      • querySelectorAll()

        지정된 CSS 선택자를 갖는 하위 요소를 찾아 일치하는 모든 하위 요소를 NodeList로 반환한다.

    • Properties

      • childElementCount

        자식 요소의 개수를 조회하는 읽기 전용 속성이다.

      • children

        자식 요소을 HTMLCollection 객체로 참조한다.

      • firstElementChild

        요소의 첫 번째 자식 요소를 참조한다. 자식 요소가 없는 경우 null을 갖는다.

      • lastElementChild

        요소의 마지막 자식 요소를 참조하는 읽기 전용 속성이다. 자식 요소가 없는 경우 null을 갖는다.

  • WindowEventHandlers

    Window, HTMLBodyElementHTMLFrameSetElement 인터페이스에서 구현하기 위한 공통적인 이벤트 핸들러(event handlers)를 포함하고 있다.

    • Properties

      • onafterprint

        문서가 인쇄를 시작하거나 인쇄 미리보기가 닫힌 후에 발생한다.

      • onbeforeprint

        문서가 인쇄되거나 인쇄를 위해 미리보기가 될 때 발생한다.

      • onbeforeunload

        window, document, resources가 unload되려고 할 때 발생한다.

      • onhashchange

        URL의 조각 식별자(hash)가 변경되면 발생한다.

      • onlanguagechange

        사용자의 기본 언어가 변경될 때 발생한다.

      • onmessage

        window.postMessage()를 호출하여 창이 메시지를 받았을 때 발생한다.

      • onmessageerror

        역직렬화를 할 수 없는 메시지를 수신할 때 window에서 발생한다.

      • onoffline

        웹브라우저가 네트워크에 대한 액세스 권한을 잃고 Navigator.onLine 값이 false로 전환되면 발생한다.

      • ononline

        웹브라우저가 네트워크에 액세스하고 Navigator.onLine의 값이 true로 전환되면 발생한다.

      • onpagehide

        세션 기록과 다른 페이지를 표시하는 과정에서 웹브라우저가 현재 페이지를 숨기면 발생한다. 예를 들어서 사용자가 웹브라우저의 뒤로가기 버튼을 클릭하면 이전 페이지가 표시되기 전에 현재 페이지에서 페이지 숨기기 이벤트를 수신한다.

      • onpageshow

        세션 기록 항목에 의해서 페이지가 보여질 때 발생한다.

      • onpopstate

        사용자가 세션 기록을 탐색하는 동안 활성 기록 항목이 변경되면 발생한다.

      • onrejectionhandled

        Promise가 거부될 때 명시된 거부를 처리 후 전역(Window, Worker) 스코프로 전송된다.

      • onstorage

        저장 영역(localStorage 또는 sessionStorage)이 다른 문서의 컨텍스트에서 수정되면 발생한다.

      • onunhandledrejection

        프로미스(promise)가 거부될 때 명시된 핸들러가 없는 경우 전역(Window, Worker) 컨텍스트(context)로 전송한다.

      • onunload

        문서나 하위 리소스가 언로드(unload)일 때 발생한다.

지원 웹브라우저