JavaScript Indexing

{object_name}

Document Objects

웹 문서를 다루는 다양한 API를 제공한다.

  • Attr.prototype

    • Properties

      • localName

        정규화된 애트리뷰트(attribute)의 이름에서 모든 네임스페이스를 제거한 로컬 부분을 조회한다.

      • name

        애트리뷰트(attribute)의 이름을 읽기 전용으로 조회한다. 정규화된 이름, 즉 네임스페이스 접두사가 있는 경우(예: xml:lang) 함께 조회한다.

      • namespaceURI

        애트리뷰트(attribute)의 네임스페이스 URI를 갖는 문자열을 조회한다. 없는 경우 null을 갖는다.

      • ownerElement

        현재 애트리뷰트(attribute)를 가지고 있는 요소를 참조로 조회한다.

      • prefix

        애트리뷰트(attribute)의 네임스페이스 접두사를 나타내는 문자열을 조회한다. 접두사가 지정되지 않았을 경우에는 null을 갖는다.

      • value

        애트리뷰트(attribute)의 값을 조회한다.

  • Node

    • ATTRIBUTE_NODE

      노드 타입을 나타내며 애트리뷰트를 의미한다.  DOM Level 4에서는 더 이상 사용되지 않는다.

    • CDATA_SECTION_NODE

      노드 타입을 나타내며 <!CDATA[[..]]>와 같은 CDATASection을 의미한다.

    • COMMENT_NODE

      노드 타입을 나타내며 주석을 의미한다.

    • DOCUMENT_FRAGMENT_NODE

      노드 타입을 나타내며 DocumentFragment 노드를 의미한다.

    • DOCUMENT_NODE

      노드 타입을 나타내며 Document 노드를 의미한다.

    • DOCUMENT_TYPE_NODE

      노드 타입을 나타내며 <!DOCTYPE html>을 의미한다.

    • ELEMENT_NODE

      노드 타입을 나타내며 요소를 의미한다.

    • PROCESSING_INSTRUCTION_NODE

      노드 타입을 나타내며 <?xml-stylesheet ..?>와 같은 XML 문서의 ProcessingInstruction을 의미한다.

    • TEXT_NODE

      노드 타입을 나타내며 요소, 애트리뷰트 또는 코드 상에 존재하는 공백을 포함한 텍스트를 의미한다.

  • Node.prototype

    • Properties

      • baseURI

        기본 URL을 조회한다.

      • childNodes

        현재 노드의 자식 노드 집합체 NodeList를 라이브(live)로 참조한다.

      • firstChild

        첫 번째 자식 노드를 참조한다. 존재하지 않는 경우 null을 갖는다.

      • isConnected

        노드가 컨텍스트(Document) 객체에 직접 또는 간접적으로 연결되어 있는지에 대한 불리언(boolean) 값을 가지고 있다.

      • lastChild

        마지막 자식 노드를 참조한다. 존재하지 않는 경우 null을 갖는다.

      • nextSibling

        순서에 따라 현재 노드의 다음 형제 노드를 참조한다. 더 이상의 노드가 조회되지 않는 경우에는 null을 갖는다.

      • nodeName

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

      • nodeType

        노드 유형을 조회할 수 있다.

      • nodeValue

        노드의 값을 조회하거나 설정할 수 있다.

      • ownerDocument

        현재 노드의 최상위 document 객체를 참조한다.

      • parentElement

        현재 노드의 부모 요소(element)를 참조한다. 부모 요소가 없거나 부모가 DOM 요소가 아닌 경우에는 null을 갖는다.

      • parentNode

        현재 노드의 부모 노드를 참조한다.

      • previousSibling

        순서에 따라 현재 노드의 이전 형제 노드를 참조한다. 더 이상의 노드가 조회되지 않는 경우에는 null을 갖는다.

      • textContent

        현재 노드와 하위의 텍스트 콘텐츠를 조회하거나 설정한다.

    • Methods

      • appendChild()

        지정된 노드(node) 객체를 자식 노드로 끝에 추가한다.

      • cloneNode()

        노드를 새로운 노드로 복사한다.

      • compareDocumentPosition()

        현재 노드를 기준으로 지정된 노드의 위치를 문서 내 다른 노드와 비교하여 기본적으로 정의된 값을 반환한다.

      • contains()

        현재 노드가 지정된 노드를 포함하고 있는지를 확인하여 그 결과를 불리언(boolean)으로 반환한다.

      • getRootNode()

        현재 노드의 루트를 반환하며 사용 가능한 경우 섀도우 루트(shadow root)를 선택적으로 반환한다.

      • hasChildNodes()

        현재 노드에 대한 자식 노드의 존재 여부를 불리언(boolean)으로 반환한다.

      • insertBefore()

        지정된 새 자식 노드를 지정된 기존 자식 노드 앞에 추가한다. 새로운 자식 노드가 기존 노드인 경우에는 위치가 이동된다.

      • isDefaultNamespace()

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

      • isEqualNode()

        지정된 노드와 동일한지를 테스트하고 그 결과를 불리언(boolean)으로 반환한다.

      • isSameNode()

        현재 노드가 지정된 노드와 같은지(=== 연산자와 동일)에 대한 여부, 즉 동일한 객체를 참조하는지를 테스트하여 그 결과를 불리언(boolean)으로 반환한다.

      • lookupNamespaceURI()

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

      • lookupPrefix()

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

      • normalize()

        현재 노드와 모든 하위 트리를 정규화된 형식으로 변환한다.

      • removeChild()

        자식 노드를 제거하고 제거된 노드를 반환한다.

      • replaceChild()

        현재 노드에서 지정된 기존 자식 노드를 새로운 노드로 대체한다.

  • Document.prototype

    • Properties

      • activeElement

        현재 문서에서 포커스를 가진 DOM 내의 요소를 참조한다.

      • adoptedStyleSheets

        현재 문서에서 사용될 구성된 스타일시트 배열을 설정하거나 조회한한다.

      • body

        현재 문서의 <body> 요소를 나타내는 HTMLBodyElement 객체를 참조한다.

      • characterSet

        현재 문서의 문자 인코딩을 조회한다.

      • childElementCount

        현재 문서의 하위 요소의 개수를 조회한다.

      • children

        현재 문서의 모든 자식 요소를 포함한는 라이브 상태의 HTMLCollection을 조회한다.

      • compatMode

        현재 문서가 쿼크(quirks) 모드 또는 표준 모드에서 렌더링되는지의 여부를 나타낸다.

      • contentType

        현재 문서의 MIME 유형을 조회한다.

      • cookie

        현재 문서와 관련된 쿠키(cookie)를 조회하거나 설정한다.

      • currentScript

        현재 문서에 처리중이며 자바스크립트 모듈이 아닌 <script> 요소를 나타내는 HTMLScriptElement 객체로 참조한다.

      • defaultView

        현재 문서에 연결된 window 객체를 참조한다.

      • designMode

        전체 문서를 편집할 수 있는 여부를 'on' 또는 'off'로 제어한다.

      • dir

        문서의 텍스트 방향을 조회하거나 설정한다.

      • doctype

        현재 문서와 연관된 DTD(Document Type Precent)를 조회한다.

      • documentElement

        문서의 루트 요소인 HTMLElement 객체를 참조한다.

      • documentURI

        현재 문서의 위치를 문자열로 조회한다.

      • embeds

        현재 문서 내의 <embed> 요소를 나타내는 모든 HTMLEmbedElement 객체를 포함한 HTMLCollection 객체를 참조한다.

      • firstElementChild

        현재 문서의 첫 번째 자식 요소를 참조한다

      • fonts

        현재 문서의 FontFaceSet 객체를 참조한다.

      • forms

        현재 문서 내의 <form> 요소를 나타내는 모든 HTMLFormElement 객체를 포함하는 HTMLCollection을 참조한다.

      • fullscreenElement

        현재 문서에서 전체 화면 모드로 표시되는 요소를 조회한다. 전체 화면 모드가 아닌 경우 null을 갖는다.

      • fullscreenEnabled

        현재 문서에서 전체 화면 모드를 사용할 수 있는지 여부를 불리언(boolean)으로 조회한다.

      • head

        현재 문서의 <head> 요소를 나타내는 HTMLHeadElement 객체를 참조한다.

      • hidden

        현재 문서가 숨겨져 있는지 여부를 불리언(boolean)으로 조회한다.

      • images

        현재 문서 내의 <img >요소를 나타내는 모든 HTMLImageElement 객체를 포함한 HTMLCollection 객체를 참조한다.

      • implementation

        현재 문서와 연결된 DOMImplementation 객체를 참조한다.

      • lastElementChild

        현재 문서의 마지막 자식 요소를 참조한다

      • lastModified

        현재 문서가 마지막으로 수정된 날짜와 시간을 포함하는 문자열을 조회한다.

      • links

        현재 문서 내의 href 애트리뷰트를 가진 <a>, <area> 요소를 나타내는 각각의 모든 HTMLAnchorElement, HTMLAreaElement 객체를 포함하는 HTMLCollection을 참조한다.

      • location

        현재 문서에 대한 URL을 다루는 Location 객체를 참조한다.

      • pictureInPictureElement

        현재 문서에서 PIP 모드로 표시되는 요소를 조회한다. 해당되지 않는 경우 null을 갖는다.

      • PictureInPictureEnabled

        현재 문서에서 PIP 모드를 사용할 수 있는지 여부를 불리언(boolean)으로 조회한다.

      • plugins

        현재 문서 내의 <embed> 요소를 나타내는 모든 HTMLEmbedElement 객체를 포함한 HTMLCollection 객체를 참조한다.

      • pointLockElement

        현재 문서에서 포인터가 잠겨있는 동안 마우스 이벤트의 대상으로 설정된 요소를 참조한다.

      • readyState

        문서의 로드 상태를 나타낸다.

      • referrer

        현재 페이지에 연결된 이전 페이지의 URL을 조회한다.

      • scripts

        현재 문서 내의 <script> 요소를 나타내는 모든 HTMLScriptElement 객체를 포함한 HTMLCollection 객체를 참조한다.

      • scrollingElement

        현재 문서를 스크롤하는 요소를 참조한다.

      • styleSheets

        현재 문서에 명시적으로 연결되었거나 문서에 포함된 스타일시트를 나타내는 CSSStyleSheet 객체의 목록을 다루는 StyleSheetList 객체를 참조한다.

      • timeline

        현재 문서의 기본 타임라인을 나타내는 DocumentTimeline 객체의 인스턴스를 참조한다.

      • title

        현재 문서의 제목(<title>)을 조회하거나 설정한다.

      • URL

        현재 문서의 위치를 조회한다.

      • visibilityState

        현재 문서의 가시성 상태를 조회한다.

    • Methods

      • adoptNode()

        현재 문서로 다른 문서에 있는 지정된 노드를 전송한다.

      • append()

        현재 문서 하위의 맨 끝에 지정된 노드를 추가한다.

      • close()

        Document.prototype.open() 메소드로 열린 현재 문서의 쓰기를 완료한다.

      • createAttribute()

        새로운 Attr 객체를 생성한다.

      • createAttributeNS()

        네임스페이스 URI를 지정하여 새로운 Attr 객체를 생성한다.

      • createCDATASection()

        새로운 CDATA 섹션 노드를 생성한다.

      • createComment()

        새로운 주석 노드를 생성한다.

      • createDocumentFragment()

        현재 DOM 트리에 영향을 주지 않는 문서 조각으로 사용될 새로운 DOM 트리를 생성한다. 

      • createElement()

        지정된 태그 명으로 새로운 Element 객체를 생성한다.

      • createElementNS()

        지정된 네임스페이스 URI와 정규화된 이름으로 요소를 생성한다.

      • createEvent()

        지정된 유형의 이벤트를 생성한다.

      • createNodeIterator()

        현재 문서에서 지정된 루트 노드의 하위 노드를 대상으로 지정된 기준에 따라 구성된 새로운 NodeIterator 객체를 반환한다.

      • createProcessingInstruction()

        새로운 ProcessingInstruction 노드를 생성한다.

      • createRange()

        새로운 Range 객체를 생성한다.

      • createTextNode()

        새로운 Text 노드 객체를 생성한다.

      • createTreeWalker()

        현재 문서에서 지정된 루트 노드의 하위 노드를 대상으로 지정된 기준에 따라 구성된 트리 내의 노드를 다루는 TreeWalker 객체를 반환한다.

      • elementFromPoint()

        뷰포트(viewport)를 기준으로 지정된 좌표에서 최상위 요소를 반환한다.

      • elementsFromPoint()

        뷰포트(viewport)를 기준으로 지정된 좌표에 있는 모든 요소를 배열로 반환한다.

      • exitFullscreen()

        현재 문서의 요소가 전체 화면 모드로 표시될 때 원래 화면 모드로 복원한다.

      • exitPictureInPicture()

        현재 문서에서 PIP 모드로 보여지는 미디어 요소를 원래 모드로 복원한다.

      • exitPointerLock()

        현재 문서에 포인터 잠금이 지정된 경우 비동기적으로 해제한다.

      • getAnimations()

        현재 문서의 하위 요소에 연결된 유효한 모든 Animation 객체의 배열을 반환한다.

      • getElementById()

        현재 문서 내의 하위 요소들에 대하여 지정된 id 애트리뷰트를 갖는 요소를 찾아 반환한다.

      • getElementsByClassName()

        현재 문서 내의 하위 요소들에 대하여 지정된 class 애트리뷰트를 갖는 요소들을 모두 찾아 HTMLCollection으로 반환한다.

      • getElementsByName()

        현재 문서 내의 하위 요소들에 대하여 지정된 name 애트리뷰트를 갖는 요소들을 모두 찾아 NodeList으로 반환한다.

      • getElementsByTagName()

        현재 문서 내의 하위 요소들에 대하여 지정된 태그 이름을 갖는 요소들을 모두 찾아 HTMLCollection으로 반환한다.

      • getSelection()

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

      • hasFocus()

        현재 문서 또는 문서 내부의 요소에 포커스(focus)가 있는지를 나타내는 불리언(boolean)을 반환한다.

      • hasStorageAccess()

        현재 문서가 분할되지 않은 쿠키(cookie)에 엑세스할 수 있는지 여부를 불리언(boolean)으로 확인하는 Promise 객체를 반환한다.

      • importNode()

        현재 문서에 삽입할 수 있는 다른 문서의 Node 객체 또는 DocumentFragment 객체의 복사본을 생성한다.

      • open()

        현재 문서에 Document.prototype.write() 메소드를 사용하여 새로 쓰기 위해 문서를 연다.

      • prepend()

        현재 문서의 첫 번째 자식 앞에 Node 객체 또는 문자열 세트 집합을 추가한다.

      • querySelector()

        현재 문서내의 Element 객체를 대상으로 지정된 CSS 선택기 세트와 첫 번째로 일치하는 요소를 반환한다.

      • querySelectorAll()

        현재 문서내의 Element 객체를 대상으로 지정된 CSS 선택기 세트와 일치하는 모든 요소를 NodeList로 반환한다.

      • replaceChildren()

        현재 문서의 기존 하위 노드를 지정된 새 노드로 대체한다.

      • requestStorageAccess()

        로드된 현재 문서가 분할되지 않은 쿠키에 대한 접근을 요청한다.

      • write()

        document.open() 메소드로 열린 현재 문서 스트림(stream)에 지정된 텍스트 문자열을 작성한다.

      • writeln()

        document.open() 메소드로 열린 현재 문서 스트림(stream)에 끝에 개행이 포함된 지정된 텍스트 문자열 작성한다.

  • Element.prototype

    • Properties

      • attributes

        요소의 속성 객체(Attr)를 가진 NamedNodeMap 타입의 Collection을 조회한다.

      • childElementCount

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

      • children

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

      • classList

        요소의 class 값 목록을 유사 배열인 DOMTokenList로 참조한다.

      • className

        요소의 class 속성 값을 조회하거나 설정할 수 있다.

      • clientHeight

        요소의 내부 높이를 픽셀로 조회할 수 있는 읽기 전용 속성이다.

      • clientLeft

        요소의 왼쪽 테두리의 너비(픽셀)를 조회할 수 있다. 텍스트 방향이 왼쪽이고 스크롤바가 있는 경우 스크롤바의 너비를 포함한다. 왼쪽 간격과 왼쪽 내부 여백을 포함하지 않는다.

      • clientTop

        요소의 상단 테두리의 너비를 픽셀 단위로 조회할 수 있는 읽기 전용 속성이다.

      • clientWidth

        요소의 내부 너비를 픽셀로 조회할 수 있는 읽기 전용 속성이다.

      • firstElementChild

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

      • id

        id 전역 속성을 반영하여 요소의 식별자를 나타낸다.

      • innerHTML

        요소에 포함된 HTML 또는 XML 태그를 조회하거나 설정한다.

      • lastElementChild

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

      • localName

        요소의 정규화된 이름의 로컬 부분을 조회한다.

      • namespaceURI

        요소의 네임스페이스 URI를 조회한다. 네임스페이스가 없는 경우에는 null을 갖는다.

      • nextElementSibling

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

      • outerHTML

        요소의 자식 요소를 포함하여 요소를 나타내는 직렬화된 HTML 일부를 조회하거나 설정한다.

      • part

        요소의 부분 식별자를 나타내며 DOMTokenList로 조회된다. 가상 요소를 통해 shadow DOM의 일부를 스타일링하는데 사용할 수 있다.

      • prefix

        요소의 네임스페이스 접두어를 조회하거나 지정되지 않은 경우 null을 갖는다. XML MIME 유형에서만 동작하며 HTML 문서에서는 작동하지 않는다.

      • previousElementSibling

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

      • scrollHeight

        overflow로 인해 화면에 표시되지 않는 내용을 포함하여 요소의 콘텐츠의 높이를 조회할 수 있다.

      • scrollLeft

        요소의 내용이 왼쪽 가장 자리에서 스크롤되는 픽셀 수를 조회하거나 설정한다.

      • scrollTop

        요소의 콘텐츠가 세로로 스크롤되는 픽셀 수를 조회하거나 설정한다.

      • scrollWidth

        오버플로우(overflow)로 인해 화면에 표시되지 않는 내용을 포함하여 요소의 콘텐츠의 폭을 조회할 수 있다.

      • shadowRoot

        요소가 호스팅하는 섀도우 루트(shadow root)를 조회한다. Element.prototype.attachShadow() 메소드를 사용하여 기존 요소에 섀도우 루트(shadow root)를 추가할 수 있다.

      • slot

        요소가 삽입된 섀도우(shadow) DOM 슬롯의 이름을 조회한다.

      • tagName

        요소의 태그 명을 조회한다.

    • Methods

      • after()

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

      • animate()

        인수에 정의된 값에 따라 요소에게 애니메이션을 구현하며 애니메이션을 제어할 수 있는 Animation 객체를 반환한다.

      • append()

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

      • attachShadow()

        요소에 섀도우(shadow) DOM 트리를 연결하고 ShadowRoot에 대한 참조를 반환한다.

      • before()

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

      • closest()

        인수로 지정된 CSS 선택자와 일치하는 노드를 찾을 때 까지 요소의 상위(문서의 루트까지)를 탐색한다. 자신 또는 일치하는 조상 요소를 반환한다. 찾는게 없다면 null을 반환한다.

      • computedStyleMap()

        CSSStyleDeclaration의 대안인 CSS 선언 블록의 읽기 전용 표현을 제공하는 StylePropertyMapReadOnly 인터페이스를 반환한다.

      • getAnimations()

        요소에 영향을 주거나 향후에 예정되어 있는 모든 Animation 객체의 배열을 반환한다.

      • getAttribute()

        요소의 지정된 애트리뷰트 값을 반환한다.

      • getAttributeNames()

        요소의 모든 애트리뷰트의 이름을 문자열 배열로 반환한다.

      • getAttributeNode()

        요소의 지정된 애트리뷰트를 Attr 노드 객체로 반환한다.

      • getAttributeNodeNS()

        지정된 네임스페이스와 이름을 가진 애트리뷰트에 대한 Attr 노드를 반환한다.

      • getAttributeNS()

        인수로 지정된 네임스페이스와 이름을 가진 애트리뷰트의 문자열 값을 반환한다.

      • getBoundingClientRect()

        요소의 크기와 뷰포트를 기준으로 위치를 반환한다.

      • getClientRects()

        CSS 테두리 상자에 대한 경계 사각형을 나타내는 DOMRect 객체 컬렉션을 반환한다.

      • getElementsByClassName()

        인수로 지정된 class 이름을 가진 모든 하위 요소를 포함하는 라이브(live) 상태의 HTMLCollection을 반환한다.

      • getElementsByTagName()

        지정된 태그 이름을 가진 자신을 제외한 모든 하위 요소를 포함하는 라이브 상태의 HTMLCollection을 반환한다.

      • getElementsByTagNameNS()

        지정된 네임스페이스에 속하는 지정된 태그 이름을 가진 모든 요소를 NodeList 타입으로 반환한다.

      • hasAttribute()

        인수로 지정된 애트리뷰트의 존재 여부를 boolean 반환한다.

      • hasAttributeNS()

        네임스페이스를 갖는 요소에 지정된 애트리뷰트가 있는지를 boolean 값으로 반환한다.

      • hasAttributes()

        요소에 애트리뷰트가 있는지 여부를 boolean 값으로 반환한다.

      • hasPointerCapture()

        호출된 요소에 지정된 포인터 ID로 식별된 포인터에 대한 포인터 캡처(capture)가 있는지 여부를 불리언(boolean)으로 반환한다.

      • insertAdjacentElement()

        요소의 지정된 위치에 지정된 요소를 삽입한다.

      • insertAdjacentHTML()

        인수로 지정된 문자열을 HTML 또는 XML로 구문 분석하고 그 결과의 노드를 지정된 위치의 DOM 트리에 삽입한다.

      • insertAdjacentText()

        요소에게 지정된 위치에 지정된 텍스트 노드를 삽입한다.

      • matches()

        지정된 CSS 선택자에 의해 요소가 선택되는지 확인한다.

      • prepend()

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

      • querySelector()

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

      • querySelectorAll()

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

      • releasePointerCapture()

        특정 포인터에 대해 이전에 설정된 포인터 캡처를 해제한다.

      • remove()

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

      • removeAttribute()

        인수로 지정된 애트리뷰트를 제거한다.

      • removeAttributeNode()

        요소에서 지정된 속성을 제거한다.

      • removeAttributeNS()

        지정된 애트리뷰트를 요소에서 제거한다.

      • replaceChildren()

        기존의 자식 항목을 지정된 자식 항목(노드 또는 문자열) 세트로 대체한다.

      • replaceWith()

        현재 요소를 지정된 요소로 대체한다.

      • requestFullscreen()

        비동기 요청으로 요소를 전체 화면 모드로 표시한다.

      • requestPointerLock()

        지정된 요소에 대한 포인터 잠금을 비동기적으로 요청할 수 있다.

      • scroll()

        요소 내부의 특정 좌표로 스크롤한다.

      • scrollBy()

        지정된 좌표를 상대적인 값으로 사용하여 스크롤한다.

      • scrollIntoView()

        요소가 사용자에게 표시되도록 요소의 상위 컨테이너를 스크롤한다.

      • scrollTo()

        지정된 x, y 절대 좌표로 스크롤한다.

      • setAttribute()

        요소의 애트리뷰트(attribute)를 설정한다.

      • setAttributeNode()

        요소에게 새로운 Attr 노드를 추가한다.

      • setAttributeNodeNS()

        네임스페이스 기반의 새로운 애트리뷰트 노드를 추가한다.

      • setAttributeNS()

        새 속성을 추가하거나 지정된 네임스페이스 및 이름으로 애트리뷰트의 값을 변경한다.

      • setHTML()

        주어진 HTML 문자열을 구문 분석하여 유효하지 않은 HTML 문자열을 모두 제거하고 대상 요소의 하위 트리로 삽입한다.

      • setPointerCapture()

        특정 포인터를 향후 포인터 이벤트의 캡처 대상으로 지정하는 데 사용한다.

      • toggleAttribute()

        요소의 불리언(boolean) 속성을 토글한다.

  • HTMLElement.prototype

    • Properties

      • accessKey

        특정 요소로 이동할 수 있도록 사용자에게 제공하는 키 입력 세트이다.

      • accessKeyLabel

        요소에 할당된 접근 키를 포함하는 문자열을 조회한다.

      • autofocus

        요소의 autofocus 여부를 나타낸다.

      • contentEditable

        요소의 콘텐츠에 대한 수정 가능 여부를 지정한다.

      • dataset

        data-* 로 시작하는 사용자 정의 애트리뷰트의 값을 설정하거나 조회한다.

      • dir

        요소의 콘텐츠의 방향을 조회하거나 설정한다.

      • draggable

        요소가 드래그 가능한지의 여부를 조회하거나 설정한다.

      • enterKeyHint

        가상 키보드의 Enter 키에 대해 표시할 레이블 또는 아이콘을 정의하는 열거형 프로퍼티이다.

      • hidden

        요소가 숨김 상태인지를 불리언(boolean)으로 조회하거나 설정한다.

      • inert

        요소에 대한 사용자 입력 이벤트를 무시하고 페이지 검색 및 텍스트 선택을 무시할 수도 있는지 여부를 불리언(boolean)으로 조회하거나 설정한다.

      • innerText

        요소 및 하위 요소의 텍스트 콘텐츠를 조회하거나 설정한다.

      • inputmode

        값을 입력할 때 사용할 가상 키보드 구성 유형에 대한 힌트를 웹브라우저에게 제공한다.

      • isContentEditable

        수정 가능한 콘텐츠인지 여부를 불리언(boolean) 값으로 조회한다 수정이 가능하면 true, 그렇지 않다면 false를 갖는다.

      • lang

        요소의 애트리뷰트 값 및 텍스트 콘텐츠의 기본 언어를 조회하거나 설정한다.

      • nonce

        콘테츠 보안 정책에서 사용하는 한 번 사용한 암호화 번호를 반환하여 주어진 패치가 진행될 수 있는지 여부를 결정한다.

      • offsetHeight

        여백과 테두리의 두께가 포함된 요소의 레이아웃 세로 크기를 정수로 조회하는 읽기 전용 프로퍼티이다.

      • offsetLeft

        상대적으로 위치한 가장 가까운 상위 요소(offsetParent)로부터 지정 요소의 좌측 상단 모서리까지 상대적 좌측 거리를 픽셀 값으로 가지고 있는 읽기 전용 속성이다.

      • offsetParent

        가장 가까운 상대적 기준 상위 요소를 참조한다.

      • offsetTop

        위치에 대한 상대적 기준을 갖는 가장 가까운 상위 요소로부터 지정 요소의 상대적 상단 거리(픽셀)를 가지고 있는 읽기 전용 속성이다.

      • offsetWidth

        요소의 레이아웃 가로 크기를 정수로 조회하는 읽기 전용 속성이다.

      • outerText

        기본적으로 요소의 텍스트 콘텐츠를 조회하거나 설정하는 innerText와 동일하나 요소 자체까지 대체될 수 있다는 면에서 차이가 있다.

      • popover

        요소의 popover 상태를 가져오거나 설정한다.

      • spellcheck

        맞춤법 검사 힌트를 제어하는 불리언(Boolean)을 나타낸다

      • style

        CSSStyleDeclaration 객체를 참조하며 요소에게 적용된 인라인 스타일을 조회하거나 설정할 수 있다.

      • tabindex

        현재 요소의 탭(tab)키에 의한 이동 순서를 나타낸다.

        요소의 HTML tabindex 속성의 나타낸다.

      • title

        요소의 제목을 조회하거나 설정한다.

      • translate

        현재 페이지가 현지화될 때 요소의 애트리뷰트 값과 포함하는 텍스트의 번역 여부를 나타내거나 설정한다.

      • virtualKeyboardPolicy

        요소가 콘텐츠 편집이 허용된 경우 모바일 기기 또는 물리적인 키보드를 사용할 수 없는 기타 장치에서 화면 가상 키보드의 동작을 나타내는 문자열을 조회하거나 설정한다.

    • Methods

      • attachInternals()

        사용자 정의 요소를 HTML 양식에 사용될 수 있도록 지원하는 ElementInternals 객체를 반환한다.

      • blur()

        요소의 키보드 포커스를 제거한다.

      • click()

        요소에 대한 마우스 클릭(click) 이벤트를 트리거(trigger)한다.

      • focus()

        포커스가 가능한 요소를 활성시킨다. 포커스가 가능한 요소는 기본적으로 키보드 및 키보드와 유사한 이벤트를 받는 요소이다.

      • hidePopover()

        팝오버가 설정되어 있다면 팝오버 요소를 숨긴다.

      • showPopover()

        팝오버가 설정되어 있다면 팝오버 요소를 화면에 표시한다.

      • togglePopover()

        팝오버 요소를 표시하거나 숨기는 처리를 동시에 지원한다.