XML DOM HTMLElement 객체
- 이전 페이지 DOM HTMLDocument
- 다음 페이지 DOM NamedNodeMap
HTMLElement 객체는 HTML中的一个 요소를 나타냅니다.
HTMLElement 객체의 속성
HTML 문서의 각 요소는 요소의 HTML 속성과 일치하는 속성을 가집니다. 여기서는 모든 HTML 태그가 지원하는 속성을 나열했습니다. 다른 속성은 특정 HTML 태그에 특화된 속성입니다. HTMLElement 객체는 Node 및 Element 객체의 표준 속성이며, 다음에 설명된 몇 가지 비표준 속성도 구현합니다:
- className
-
요소의 class 속성을 정의합니다. 주의: 이 속성 이름은 "class"가 아니라, "class"는 자바스크립트의 보존어자입니다.
타입: String. 상태: 쓰기가 가능합니다。
- currentStyle
-
이 특정 IE 속성은 요소의 모든 CSS 속성의 캐시드 그룹에 적용됩니다. 이는 Window.getComputedStyle()의 IE 전용 대체입니다.
타입: String. 상태: 쓰기가 가능합니다。
- dir
-
요소의 dir 속성을 정의합니다. 문서 텍스트 방향을 선언합니다.
타입: String. 상태: 쓰기가 가능합니다。
- id
-
요소의 id 속성을 정의합니다. 한 문서에서는 두 요소가 같은 id 값을 가질 수 없습니다.
타입: String. 상태: 쓰기가 가능합니다。
- innerHTML
-
요소가 포함하는 문자열을 정의합니다. 요소 자신의 시작 태그와 종료 태그는 포함되지 않습니다. 이 속성을 쿼리하면 요소 내용을 HTML 텍스트 문자열로 반환합니다. 이 속성을 HTML 텍스트 문자열로 설정하면 요소 내용을 HTML의 파싱 표현으로 대체할 수 있습니다. 문서가 로드될 때는 이 속성을 설정할 수 없습니다. 이는 IE4에서 비표준 속성으로 시작되었으며, 모든 현대 브라우저에서 지원됩니다.
타입: String. 상태: 쓰기가 가능합니다。
- lang
-
요소의 lang 속성은 요소 내용의 언어 코드를 선언합니다.
타입: String. 상태: 쓰기가 가능합니다。
- offsetHeight, offsetWidth
-
요소의 높이와 너비를 픽셀 단위로 반환합니다. 이는 비표준적인 속성이지만 잘 지원되고 있습니다。
타입: int. 상태: 읽기 전용입니다.
- offsetLeft
-
현재 요소의 왼쪽 경계가 그의 포함 요소의 왼쪽 경계에 대한 오프셋을 픽셀 단위로 반환합니다。
타입: int. 상태: 읽기 전용입니다.
- offsetTop
-
현재 요소의 상단 경계가 그의 포함 요소의 상단 경계에 대한 오프셋을 픽셀 단위로 반환합니다。
타입: int. 상태: 읽기 전용입니다.
- offsetParent
-
가장 최근의 동적 정위치된 포함 요소에 대한 참조를 반환합니다. 모든 오프셋은 이 요소에 따라 결정됩니다. 요소의 style.display가 none으로 설정되면, 이 속성은 null을 반환합니다. 이는 비표준적인 속성이지만 잘 지원되고 있습니다。
타입:Node상태: 읽기 전용입니다。
- scrollHeight, scrollWidth
-
요소의 전체 높이와 너비를 픽셀 단위로 반환합니다. 요소에 스크롤바가 있을 때(예를 들어, CSS의 overflow 속성으로 인해), 이러한 속성은 offsetHeight와 offsetWidth와 다릅니다. offsetHeight와 offsetWidth는 요소의 보이는 부분의 크기를 보고합니다. 이는 비표준적인 속성이지만 잘 지원되고 있습니다。
타입: int. 상태: 읽기 전용입니다.
- scrollTop, scrollLeft
-
요소의 왼쪽 경계나 상쪽 경계에 스크롤된 픽셀 수를 설정하거나 반환합니다. 요소에 스크롤바가 있을 때만, 예를 들어, 요소의 CSS overflow 속성이 auto로 설정되었을 때, 이 픽셀이 유용합니다. 이 속성은 문서의 <body> 또는 <html> 태그에만 정의되며(브라우저에 따릅니다), 이와 함께 문서의 스크롤 위치를 정의합니다. 주의할 점은, 이 속성은 <iframe> 태그의 스크롤량을 지정하지 않는다는 것입니다. 이는 비표준적인 속성이지만 잘 지원되고 있습니다。
타입: int. 상태: 쓰기가 가능합니다.
- style
-
현재 요소에 설정된 인라인 CSS 스타일의 style 속성 값을 반환합니다. 주의할 점은, 이 속성의 값이 문자열이 아닌 것입니다。
타입:CSS2Properties상태: 읽기 전용입니다。
- title
-
요소의 title 속성을 정의합니다. 마우스가 요소에��러 올 때, 많은 브라우저는 요소의 "툴팁"에 이 속성의 값을 표시합니다。
타입: String. 상태: 쓰기가 가능합니다。
HTMLElement 객체의 메서드를 상속받습니다。
HTMLElement 객체는 Node 및 Element 객체의 표준 메서드입니다. 특정 타입의 요소는 표시에 특화된 메서드를 구현하며, CodeW3C.com에서는 HTML DOM 참조 매뉴얼각 표시 참조 페이지에서 이 메서드에 대한 정보를 제공합니다。
대부분의 현대 브라우저는 다음과 같은 비표준 메서드를 구현했습니다:
메서드 | 설명 |
---|---|
scrollIntoView() | 문서를 스크롤합니다. 이 요소를 창의 상단이나 하단에 나타냅니다. |
HTMLElement 객체의 이벤트 핸들러
마우스와 키보드 이벤트에 응답하는 모든 HTML 요소는 여기에 나열된 이벤트 핸들러를 트리거할 수 있습니다. 링크와 버튼과 같은 일부 요소는 이러한 이벤트가 발생할 때 기본 작업을 수행합니다. 이러한 요소에 대해 더 많은 세부 정보는특정 요소의 참조 페이지에서 찾을 수 있습니다.
참조 HTML 이벤트 속성 참조 매뉴얼HTML 이벤트 핸들러에 대한 더 많은 정보를 알고 싶다면.
HTMLElement 객체에 대한 더 자세한 정보를 얻는 방법
CodeW3C.com의 HTML DOM 참조 매뉴얼에서, 우리는 HTML 태그에 대한 DOM 객체에 대한 특별한 참조 페이지를 만들었습니다:
관련 페이지
XML DOM 참조 매뉴얼:Document 객체
XML DOM 참조 매뉴얼:Document.getElementById()
XML DOM 참조 매뉴얼:Document.getElementsByTagName()
- 이전 페이지 DOM HTMLDocument
- 다음 페이지 DOM NamedNodeMap