HTML DOM 노드
HTML DOM에서 (Document Object Model) , 모든 노드는 다음과 같습니다
- 문서 자체는 문서 노드입니다
- 모든 HTML 요소 요소 노드입니다
- 모든 HTML 속성은 속성 노드입니다
- HTML 요소 내부의 텍스트 텍스트 노드는
- 댓글 댓글 노드입니다
문서 객체
HTML 문서가 웹 브라우저에로드 될 때, 그것은 문서 객체가됩니다.
문서 객체는 HTML 문서와의 루트 노드입니다 "owner" 다른 모든 노드의 :
(요소 노드, 텍스트 노드, 속성 노드 및 주석 노드).
문서 객체는 속성과 메소드는 자바 스크립트 내에서 모든 노드 개체에 액세스를 제공합니다.
Tip: 문서는 Window 개체의 일부이며 window.document으로 액세스 할 수 있습니다.
브라우저 지원
| 목적 | |||||
|---|---|---|---|---|---|
| Document | 예 | 예 | 예 | 예 | 예 |
문서 객체는 모든 주요 브라우저에서 지원됩니다.
문서 객체의 속성 및 메서드
다음 속성과 메서드는 HTML 문서에서 사용할 수 있습니다 :
| 재산권 / 방법 | 기술 |
|---|---|
| document.activeElement | 문서의 현재 포커스의 요소를 돌려줍니다 |
| 문서. addEventListener() | 문서에 이벤트 핸들러를 연결합니다 |
| 문서. adoptNode() | 다른 문서에서 노드를 채택한다 |
| document.anchors | 모든 컬렉션을 반환 <a> 이름 속성이 문서의 요소를 |
| document.applets | 모든 컬렉션을 반환 <applet> 문서의 요소를 |
| document.baseURI | 문서의 절대베이스 URI를 돌려줍니다 |
| 는 document.body | 설정하거나 문서의 본문을 반환 (the <body> element) |
| 문서. close() | 이전 문서를 열 출력 스트림을 닫는다. open() |
| document.cookie를 | 모든 이름 / 값 쌍을 반환 cookies 문서에 |
| 문서. createAttribute() | 속성 노드를 작성합니다 |
| 문서. createComment() | 지정된 텍스트로 주석 노드를 작성합니다 |
| 문서. createDocumentFragment() | 빈의 DocumentFragment 노드를 작성합니다 |
| 문서. createElement() | 요소 노드를 작성합니다 |
| 문서. createTextNode() | 텍스트 노드를 작성합니다 |
| document.doctype | 문서와 관련된 문서 유형 선언을 돌려줍니다 |
| document.documentElement | 문서의 문서 요소 리턴 (the <html> element) |
| document.documentMode | 브라우저에서 사용하는 모드는 문서를 렌더링 돌려줍니다 |
| 는 Document.documentURI | 설정하거나 문서의 위치를 반환 |
| document.domain을 | 문서를로드하는 서버의 도메인 이름을 반환 |
| document.domConfig | 사용되지 않습니다. 문서의 DOM 구성을 반환 |
| document.embeds | 모든 컬렉션을 반환 <embed> 요소 문서를 |
| 예 : document.forms | 모든 컬렉션을 반환합니다 <form> 문서의 요소를 |
| 문서. getElementById() | 있는 요소를 돌려줍니다 ID 지정된 값과 속성을 |
| 문서. getElementsByClassName() | 지정된 클래스 이름을 가지는 모든 요소를 포함하는 NodeList를를 돌려줍니다 |
| 문서. getElementsByName() | 지정된 이름을 가지는 모든 요소를 포함하는 NodeList를를 돌려줍니다 |
| 문서. getElementsByTagName() | 지정된 태그 이름을 가지는 모든 요소를 포함하는 NodeList를를 돌려줍니다 |
| 문서. hasFocus() | 반환하는 부울 값은 문서에 포커스가 있는지 여부를 나타내는 |
| document.head | 수익 <head> 문서의 요소를 |
| document.images | 모든 컬렉션을 반환합니다 <img> 문서의 요소를 |
| document.implementation | 이 문서를 처리하는 DOMImplementation 오브젝트를 돌려줍니다 |
| 문서. importNode() | 다른 문서에서 노드를 가져옵니다 |
| document.inputEncoding | 문서에 사용되는 인코딩, 문자 집합을 반환 |
| document.lastModified | 문서가 마지막으로 수정 된 날짜와 시간을 반환 |
| document.links | 모든 컬렉션을 반환 <a> 및 <area> A HREF 속성이 문서의 요소를 |
| 문서. normalize() | 빈 텍스트 노드를 제거하고, 인접 노드를 조인 |
| 문서. normalizeDocument() | 빈 텍스트 노드를 제거하고, 인접 노드를 조인 |
| 문서. open() | 문서에서 출력을 수집 할 수있는 HTML 출력 스트림을 엽니 다. write() |
| 문서. querySelector() | 지정된 CSS의 일치하는 첫 번째 요소를 돌려 selector(s) 문서에를 |
| 문서. querySelectorAll() | 지정된 CSS의 일치하는 모든 요소를 포함하는 정적 NodeList를 돌려 selector(s) 문서에를 |
| document.readyState | 반품 (loading) 문서의 상태를 |
| document.referrer | 현재 문서를로드 문서의 URL을 반환 |
| 문서. removeEventListener() | 합니다 (부착 된 문서로부터 이벤트 핸들러 제거 addEventListener() 방법) |
| 문서. renameNode() | 지정된 노드의 이름을 변경합니다 |
| document.scripts | 의 컬렉션을 반환 <script> 문서의 요소를 |
| document.strictErrorChecking | 설정하거나 반환 오류 검사가 시행됩니다 여부 |
| document.title이 | 설정하거나 문서의 제목을 반환 |
| document.URL | HTML 문서의 전체 URL을 반환 |
| 문서. write() | 문서에 HTML 식 또는 자바 스크립트 코드를 기입 |
| 문서. writeln() | 동일 write() 하지만, 각 문 다음에 개행 문자를 추가 |
경고!
W3C의 DOM 코어, 문서 객체는 노드 객체의 모든 속성 및 메소드를 상속한다.
이러한 속성 및 메서드의 대부분은 문서에 사용되는 이치에 맞지 않습니다.
HTML 문서 객체에서 이러한 노드 객체의 속성과 메서드를 사용하지 마십시오 :
| 재산권 / 방법 | 피하는 이유 |
|---|---|
| document.attributes | 문서 속성이없는 |
| 문서. hasAttributes() | 문서 속성이없는 |
| document.nextSibling | 문서는 형제 자매가없는 |
| document.nodeName | 이것은 항상 #document입니다 |
| document.nodeType | 이 9 항상 (DOCUMENT_NODE) |
| document.nodeValue | 문서는 노드 값이없는 |
| document.ownerDocument | 문서 소유자 문서가 없습니다 |
| document.ownerElement | 문서 소유자 요소가 없습니다 |
| document.parentNode | 문서는 부모 노드가없는 |
| document.previousSibling | 문서는 형제 자매가없는 |
| document.textContent | 문서는 텍스트 내용이 없습니다 |