DOM

settings_applicationsEventTarget  >   settings_applicationsNode

DOM

Editing
  • account_tree
  • bug_report

InterfaceAttr

요소의 HTML 속성을 다루는 인터페이스이다.

하위 트리 탐색

  • Constructor

    Attr 객체를 생성하는 생성자 함수는 없으며 document.createAttribute() 메소드를 이용하여 생성하거나 이미 생성된 것을 찾아서 사용한다. 자세한 내용은 기본 설명을 참고한다.
  • [[Prototype]]

    생성자(constructor)를 가진 객체(object) 또는 인터페이스(interface)가 인스턴스(instance)를 생성할 때 상속할 수 있는 프로퍼티(property)와 메소드(method)를 가지고 있는 원형 객체를 참조하는 생성자의 은닉된 속성이다. 만약에 상속받은 객체(object) 또는 인터페이스(interface)가 존재한다면 상속한 객체(object) 또는 인터페이스(interface)의 [[Prototype]] 프로퍼티(property)와 메소드(method)를 추가적으로 사용할 수 있다.
    • Properties

      • value

        속성의 값을 조회한다.
      • localName

        속성의 정규화된 이름의 로컬 부분을 나타내는 DOMString 이다.
      • name

        속성의 이름을 읽기 전용으로 조회한다.
      • namespaceURI

        속성의 네임스페이스 URI를 갖는 DOMString이다. 없는 경우 null을 갖는다.
      • ownerElement

        속성을 가지고 있는 요소를 참조한다.
      • prefix

        속성의 네임스페이스 접두어를 나타내는 DOMString 이다. 접두사가 지정되지 않았을 경우에는 null을 갖는다.
      • specified

        이 속성은 항상 true를 반환한다. 원래 속성이 소스 코드나 스크립트에서 명시적으로 지정된 경우 true가 조회되고 해당 값이 문서의 DTD에서 정의된 기본 속성에서 온 경우에는 false를 반환했다.

상속 계층 탐색

Node

  • Methods

    • appendChild()

      매개 변수로 주어진 노드 객체를 자식 요소로 추가한다.
    • cloneNode()

      노드를 새로운 노드로 복사한다.
    • compareDocumentPosition()

      노드의 위치를 문서 내 다른 노드와 비교하여 기본적으로 정의된 값을 반환한다.
    • contains()

      인수로 주어진 노드를 포함하고 있는지를 확인하여 그 결과를 반환한다.
    • getRootNode()

      컨텍스트(context) 오브젝트의 루트를 반환하며 사용 가능한 경우 shadow root를 선택적으로 반환한다.
    • hasChildNodes()

      인수로 지정된 노드가 자식으로의 존재 여부를 반환한다.
    • insertBefore()

      새로운 자식 노드를 참조 노드 앞에 추가한다. 새로운 자식 노드가 기존 노드인 경우에는 위치가 이동된다.
    • isDefaultNamespace()

      네임스페이스 URI를 인수로 받아 네임스페이스가 현재 노드의 기본 네임스페이스인 경우 true, 그렇지 않은 경우 false를 반환한다.
    • isEqualNode()

      인수로 지정된 노드와 동일한지를 테스트하고 그 결과를 반환한다.
    • isSameNode()

      인수로 지정된 노드와 같은지에 대한 여부, 즉 동일한 객체를 참조하는지를 테스트하여 그 결과를 반환한다.
    • lookupNamespaceURI()

      현재 노드에서 인수로 지정된 프리픽스와 일치하는 네임스페이스를 반환한다.
    • lookupPrefix()

      지정된 네임스페이스 URI가 있는 경우 해당 접두사가 포함된 DOMString을 반환하고 그렇지 않은 경우 null을 반환한다.
    • normalize()

      인수로 지정된 노드와 모든 하위 트리를 정규화된 형식으로 변환한다.
    • removeChild()

      자식 노드를 제거하고 제거된 노드를 반환한다.
    • replaceChild()

      주어진 상위 노드 내의 하위 노드를 대체한다.
  • Properties

    • baseURI

      기본 URL을 조회한다.
    • childNodes

      유사 배열인 자식 노드 집합체 NodeList를 라이브(Live)로 참조한다.
    • firstChild

      첫번째 자식 노드를 참조한다.
    • isConnected

      노드가 컨텍스트 객체에 직접 또는 간접적으로 연결되어 있는지 대한 Boolean 값을 가지고 있다. 예를 들어 일반 DOM의 경우는 Document 객체, Node의 경우는 ShadowRoot 객체에 연결 여부를 Boolean 으로 조회한다.
    • lastChild

      마지막 자식 노드를 참조한다.
    • nextSibling

      다음 형제 노드를 참조한다. 더 이상의 노드가 조회되지 않는 경우에는 null을 갖는다.
    • nodeName

      노드의 이름을 조회할 수 있다.
    • nodeType

      노드 타입을 조회할 수 있다.
    • nodeValue

      노드의 값을 조회할 수 있다.
    • ownerDocument

      노드의 최상위 문서 객체를 참조한다.
    • parentElement

      해당 노드의 부모 요소(Element Object)를 가지고 있다. 부모 요소가 없거나 부모가 DOM 요소가 아닌 경우에는 null을 갖는다.
    • parentNode

      부모 노드를 참조한다.
    • previousSibling

      이전 형제 노드객체를 참조한다.
    • textContent

      노드가 가지고 있는 콘텐츠를 텍스트로 조회하거나 설정한다.

EventTarget

  • Methods

    • addEventListener()

      EventTarget 객체를 상속받는 하위 요소들의 이벤트 리스너(Listener)를 등록한다. 참고로 Window 객체도 포함된다.
    • dispatchEvent()

      사용자가 생성한 이벤트를 전달한다. 코드에 의한 이벤트 트리거(trigger)에 사용된다.
    • removeEventListener()

      등록된 이벤트를 제거한다. 이벤트 타입, 등록된 함수, 등록시 제공했던 다양한 옵션과 일치된 경우에 이벤트를 제거한다.

Object

  • Methods

    • hasOwnProperty()

      객체가 특정 프로퍼티를 가지고 있는지를 블린 값으로 반환한다.
    • isPrototypeOf()

      해당 객체가 다른 객체의 프로토타입 체인에 속한 객체인지를 체크한다. 이 메소드는 instanceof 연산자와 함께 특정 프로토타입으로부터 상속된 객체만 작동하게 하려는(예를 들어 특정 메소드나 속성이 객체에 있다는걸 보장하려는 때) 코드에서 특히 쓸모가 많다.
    • propertyIsEnumerable()

      매개 변수의 속성이 열거가능한지 여부를 체크한다.
    • toLocaleString()

      객체를 나타내는 문자열을 사용 지역의 방식으로 출력이 된다. 이 메소드는 상속받은 모든 객체가 사용할 수 없고 아래와 같은 상속된 객체에 사용이 된다. Array.prototype.toLocaleString() Number.prototype.toLocaleString() Date.prototype.toLocaleString()
    • toString()

      객체를 나타내는 문자열을 반환한다.
    • valueOf()

      객체의 Primitive(원시) 값을 반환한다.
  • Properties

    • constructor

      객체의 생성자 함수를 참조한다.
    • __proto__

      상속된 [[Prototype]] 참조하거나 설정가능하며 일반적으로 실제 코드상에서는 잘 사용되지 않는다. ECMAScript에서 사용되지 않는 비표준이지만 최신 웹브라우저에서는 비공식적으로 지원하고 있다. 따라서 곧 표준 속성으로 지원될 확률이 높다.

지원 웹브라우저