HTMLElement
HTMLElement
인터페이스는 모든 종류의 HTML 요소를 나타냅니다. 일부 요소는 이 인터페이스를 직접 구현하지만 나머지 요소는 HTMLElement
를 상속한 자식 인터페이스를 구현합니다.
속성
부모인 Element
(en-US)의 속성을 상속합니다. GlobalEventHandlers
, TouchEventHandlers
의 속성을 구현합니다.
HTMLElement.accessKey
-
요소에 할당된 접근 키를 나타내는
DOMString
입니다. HTMLElement.accessKeyLabel
읽기 전용-
요소에 할당된 접근 키를 포함하는
DOMString
을 반환합니다. HTMLElement.contentEditable
-
요소가 수정 가능하면
"true"
, 그렇지 않으면"false"
값을 갖는DOMString
입니다. HTMLElement.isContentEditable
(en-US) 읽기 전용-
요소의 콘텐츠가 수정 가능한지 여부를 나타내는
Boolean
을 반환합니다. -
요소와 관련된 콘텍스트 메뉴를 나타내는
HTMLMenuElement
(en-US)입니다.null
일 수 있습니다. HTMLElement.dataset
(en-US) 읽기 전용-
요소의 사용자 지정 데이터 속성(
data-*
)을 스크립트에서 읽고 쓸 수 있는DOMStringMap
(en-US)을 반환합니다. HTMLElement.dir
(en-US)-
요소의 방향성을 표현하는 전역 속성
dir
을 나타내는DOMString
을 반환합니다. 가능한 값은"ltr"
,"rtl"
,"auto"
입니다. HTMLElement.draggable
-
요소가 드래그 가능한지 여부를 나타내는
Boolean
을 반환합니다. HTMLElement.dropzone
읽기 전용-
dropzone
전역 속성을 나타내고 drop 작업에 대한 동작을 설명하는DOMSettableTokenList
를 반환합니다. -
요소가 숨김상태인지 여부를 나타내는
Boolean
을 반환합니다. HTMLElement.inert
(en-US)-
유저 에이전트가 사용자 인터렉션 이벤트, 페이지 내 텍스트 검색("페이지에서 찾기"), 텍스트 선택의 목적으로 주어진 노드가 없는 것처럼 동작해야하는지 여부를 나타내는
Boolean
을 반환합니다. HTMLElement.innerText
-
노드와 그 자손의 "렌더링된" 텍스트 컨텐츠를 나타냅니다. getter 로써, 이는 사용자가 커서로 요소의 컨텐츠를 하이라이팅한 후 클립보드로 복사하면 얻을 수 있는 텍스트와 유사합니다.
HTMLElement.itemScope
Experimental-
항목 스코프를 나타내는
Boolean
입니다. HTMLElement.itemType
읽기 전용 Experimental-
DOMSettableTokenList
… 를 반환합니다. HTMLElement.itemId
Experimental-
항목 ID 를 나타내는
DOMString
입니다. HTMLElement.itemRef
읽기 전용 Experimental-
DOMSettableTokenList
… 를 반환합니다. HTMLElement.itemProp
읽기 전용 Experimental-
DOMSettableTokenList
… 를 반환합니다. HTMLElement.itemValue
Experimental-
항목 값을 나타내는
Object
를 반환합니다. HTMLElement.lang
-
요소의 속성, 텍스트, 컨텐츠의 언어를 나타내는
DOMString
입니다. HTMLElement.noModule
-
임포트한 스크립트가 모듈 스크립트를 지원하는 유저 에이전트에서 실행될 수 있는지를 나타내는
Boolean
입니다. HTMLElement.nonce
(en-US)-
주어진 페치(fetch)의 진행을 허용할지를 결정하기 위한 컨텐츠 보안 정책(Content Security Policy)에서 한 번 사용된 암호회된 숫자를 반환합니다.
HTMLElement.offsetHeight
읽기 전용 Experimental-
레이아웃에 상대적인 요소의 높이를 갖는
double
을 반환합니다. HTMLElement.offsetLeft
읽기 전용 Experimental-
요소의 left border 부터
offsetParent
의 left border 까지의 거리를double
로 반환합니다. HTMLElement.offsetParent
읽기 전용 Experimental-
모든 오프셋 계산이 현재 연산된 요소인
Element
(en-US) 를 반환합니다. HTMLElement.offsetTop
(en-US)읽기 전용 Experimental-
요소의 top border 부터
offsetParent
의 top border 까지의 거리를double
로 반환합니다. HTMLElement.offsetWidth
(en-US)읽기 전용 Experimental-
레이아웃에 상대적인 요소의 너비를 갖는
double
을 반환합니다. HTMLElement.properties
읽기 전용 Experimental-
HTMLPropertiesCollection
… 을 반환합니다. HTMLElement.spellcheck
-
철자 검사를 제어하는
Boolean
입니다. 모든 HTML 요소에 존재하지만, 모두에 대해 적용되지는 않습니다. HTMLElement.style
(en-US)-
요소의 스타일 속성의 정의를 나타내는
CSSStyleDeclaration
(en-US) 객체입니다. HTMLElement.tabIndex
(en-US)-
탭 순서에서 요소의 위치를 나타내는
long
입니다. HTMLElement.title
(en-US)-
요소에 마우스를 오버할 때 팝업 상자에 표시되는 텍스트를 갖는
DOMString
입니다. HTMLElement.translate
Experimental-
번역을 나타내는
Boolean
입니다.
이벤트 핸들러
onXYZ
형태의 대부분의 이벤트 핸들러 속성은 GlobalEventHandlers
또는 TouchEventHandlers
에 정의되어 있으며 HTMLElement
에 의해 구현되었습니다. 다음 HTMLElement
에 해당하는 핸들러입니다.
HTMLElement.oncopy
(en-US) 비표준-
copy
이벤트를 위한 이벤트 핸들링 코드를 반환합니다(Firefox bug 280959). HTMLElement.oncut
(en-US) 비표준-
cut
이벤트를 위한 이벤트 핸들링 코드를 반환합니다(Firefox bug 280959). HTMLElement.onpaste
(en-US) 비표준-
paste
이벤트를 위한 이벤트 핸들링 코드를 반환합니다(Firefox bug 280959). TouchEventHandlers.ontouchstart
비표준-
touchstart (en-US)
이벤트를 위한 이벤트 핸들링 코드를 반환합니다. TouchEventHandlers.ontouchend
비표준-
touchend (en-US)
이벤트를 위한 이벤트 핸들링 코드를 반환합니다. TouchEventHandlers.ontouchmove
비표준-
touchmove (en-US)
이벤트를 위한 이벤트 핸들링 코드를 반환합니다. TouchEventHandlers.ontouchenter
비표준-
touchenter
이벤트를 위한 이벤트 핸들링 코드를 반환합니다. TouchEventHandlers.ontouchleave
비표준-
touchleave
이벤트를 위한 이벤트 핸들링 코드를 반환합니다. TouchEventHandlers.ontouchcancel
비표준-
touchcancel (en-US)
이벤트를 위한 이벤트 핸들링 코드를 반환합니다.
메서드
부모인 Element
(en-US)의 메서드를 상속합니다.
HTMLElement.blur()
(en-US)-
현재 포커스된 요소로부터 키보드 포커스를 제거합니다.
HTMLElement.click()
-
요소로 마우스 클릭 이벤트를 전달합니다.
HTMLElement.focus()
(en-US)-
요소에 현재 키보드 포커스를 생성합니다.
HTMLElement.forceSpellCheck()
(en-US) Experimental-
요소에 철자 확인자를 생성합니다.
이벤트
Listen to these events using addEventListener()
or by assigning an event listener to the oneventname
property of this interface.
invalid
(en-US)-
Fired when an element does not satisfy its constraints during constraint validation. Also available via the
oninvalid
(en-US) property.
Animation events
animationcancel
(en-US)-
Fired when an animation unexpectedly aborts. Also available via the
onanimationcancel
(en-US) property. animationend
(en-US)-
Fired when an animation has completed normally. Also available via the
onanimationend
(en-US) property. animationiteration
(en-US)-
Fired when an animation iteration has completed. Also available via the
onanimationiteration
(en-US) property. animationstart
(en-US)-
Fired when an animation starts. Also available via the
onanimationstart
(en-US) property.
Input events
beforeinput
(en-US)-
Fired when the value of an
<input>
(en-US),<select>
(en-US), or<textarea>
(en-US) element is about to be modified. input
-
Fired when the
value
of an<input>
(en-US),<select>
(en-US), or<textarea>
(en-US) element has been changed. Also available via theoninput
(en-US) property.
Pointer events
gotpointercapture
(en-US)-
Fired when an element captures a pointer using
setPointerCapture()
(en-US). Also available via theongotpointercapture
(en-US) property. lostpointercapture
(en-US)-
Fired when a captured pointer (en-US) is released. Also available via the
onlostpointercapture
(en-US) property. pointercancel
(en-US)-
Fired when a pointer event is canceled. Also available via the
onpointercancel
(en-US) property. pointerdown
(en-US)-
Fired when a pointer becomes active. Also available via the
onpointerdown
(en-US) property. pointerenter
(en-US)-
Fired when a pointer is moved into the hit test boundaries of an element or one of its descendants. Also available via the
onpointerenter
(en-US) property. pointerleave
(en-US)-
Fired when a pointer is moved out of the hit test boundaries of an element. Also available via the
onpointerleave
(en-US) property. pointermove
(en-US)-
Fired when a pointer changes coordinates. Also available via the
onpointermove
(en-US) property. pointerout
(en-US)-
Fired when a pointer is moved out of the hit test boundaries of an element (among other reasons). Also available via the
onpointerout
(en-US) property. pointerover
(en-US)-
Fired when a pointer is moved into an element's hit test boundaries. Also available via the
onpointerover
(en-US) property. pointerup
(en-US)-
Fired when a pointer is no longer active. Also available via the
onpointerup
(en-US) property.
Transition events
transitioncancel
(en-US)-
Fired when a CSS transition (en-US) is canceled. Also available via the
ontransitioncancel
(en-US) property. transitionend
(en-US)-
Fired when a CSS transition (en-US) has completed. Also available via the
ontransitionend
(en-US) property. transitionrun
(en-US)-
Fired when a CSS transition (en-US) is first created. Also available via the
ontransitionrun
property. transitionstart
(en-US)-
Fired when a CSS transition (en-US) has actually started. Also available via the
ontransitionstart
property.
명세
Specification |
---|
HTML Standard # htmlelement |
브라우저 호환성
BCD tables only load in the browser