Documentインターフェイス
Documentインターフェイスとは、HTMLタグエレメントであるElementオブジェクトのルートになるDocumentオブジェクトためのインターフェイスです。
ブラウザによってwebページが読み込まれると、インターフェイスと呼ばれる設計書に従ってページ内容がオブジェクト化されます。
Documentインターフェイスの内容を元にDocumentオブジェクトが生成されます。
コンストラクタによって任意にオブジェクトを生成することもできます。
Documentコンストラクタ（Documentオブジェクトの生成）
var example_document = new Document();
DocumentインターフェイスはNodeインターフェイスを継承しています。
NodeインターフェイスはEventTargetインターフェイスを継承していますので、DocumentオブジェクトはNodeとEventTaretのプロパティとメソッドを利用することができ、さらにEventTargetのEventタイプを使用することができます。
Document継承図
DocumentインターフェイスはNode、ParentNodeインターフェイスを継承しています。そのために、Node、ParentNodeインターフェイスのプロパティとメソッドがDocumentインターフェイスで使うことができます。
- Nodeインターフェイス
-
- プロパティ
- baseURI、baseURIObject、childNodes、firstChild、isConnected、lastChild、nextSibling、nodeName、nodePrincipal、nodeType、nodeValue、ownerDocument、parentNode、parentElement、previousSibling、textContent
- メソッド
- appendChild()、cloneNode()、compareDocumentPosition()、contains()、getRootNode()、hasChildNodes()、insertBefore()、isDefaultNamespace()、isEqualNode()、isSameNode()、lookupPrefix()、lookupNamespaceURI()、normalize()、removeChild()、replaceChild()
- ParentNodeインターフェイス
-
- プロパティ
- childElementCount、children、firstElementChild、lastElementChild
- メソッド
-
プロパティ(Properties)
| |
|---|
| body | <body>または<frameset>のオブジェクトハンドラー |
| characterSet | ドキュメントの文字セット |
| doctype | 文書型宣言（DTD） |
| documentElement | |
| documentURI | |
| embeds | |
| fonts | |
| forms | |
| head | |
| hidden | |
| images | |
| implementation | |
| lastStyleSheetSet | |
| links | |
| mozSyntheticDocument | |
| plugins | |
| featurePolicy | |
| preferredStyleSheetSet | |
| scripts | |
| scrollingElement | |
| selectedStyleSheetSet | |
| styleSheetSets | |
| timeline | |
| visibilityState | |
| |
|---|
| cookie | |
| defaultView | |
| designMode | |
| dir | |
| domain | |
| lastModified | |
| location | |
| readyState | |
| referrer | |
| title | |
| URL | |
| |
|---|
| DocumentOrShadowRoot.activeElement | |
| DocumentOrShadowRoot.fullscreenElement | |
| DocumentOrShadowRoot.pointerLockElement | |
| DocumentOrShadowRoot.styleSheets | |
メソッド(Methods)
| |
|---|
| adoptNode() | |
| captureEvents() | |
| caretRangeFromPoint() | |
| createAttribute() | |
| createAttributeNS() | |
| createCDATASection() | |
| createComment() | |
| createDocumentFragment() | |
| createElement() | |
| createElementNS() | |
| createEntityReference() | |
| createEvent() | イベントオブジェクトを生成（非推奨） |
| createNodeIterator() | |
| createProcessingInstruction() | |
| createRange() | |
| createTextNode() | |
| createTouch() | |
| createTouchList() | |
| createTreeWalker() | |
| enableStyleSheetsForSet() | |
| exitPointerLock() | |
| getAnimations() | |
| getElementsByClassName() | |
| getElementsByTagName() | |
| getElementsByTagNameNS() | |
| hasStorageAccess() | |
| importNode() | |
| normalizeDocument() | |
| releaseCapture() | |
| releaseEvents() | |
| requestStorageAccess() | |
| routeEvent() 廃止 | |
| mozSetImageElement() | |
| |
|---|
| getElementById() | |
| querySelector() | |
| querySelectorAll() | |
| |
|---|
| createExpression() | |
| createNSResolver() | |
| evaluate() | |
| |
|---|
| clear() | |
| close() | |
| execCommand() | |
| getElementsByName() | |
| hasFocus() | |
| open() | |
| queryCommandEnabled() | |
| queryCommandIndeterm() | |
| queryCommandState() | |
| queryCommandSupported() | |
| queryCommandValue() | |
| write() | |
| writeln() | |
| |
|---|
| DocumentOrShadowRoot.elementFromPoint() | |
| DocumentOrShadowRoot.elementsFromPoint() | |
| DocumentOrShadowRoot.caretPositionFromPoint() | |
Eventタイプ(Event Types)
EventTargetインターフェイスを継承していることで以下のEventタイプを使用することができます。
| |
|---|
| onfullscreenchange | |
| onfullscreenerror | |
| onreadystatechange | |
| onvisibilitychange | |
| |
|---|
| onabort | |
| onanimationcancel | |
| onanimationend | |
| onanimationiteration | |
| onanimationstart | |
| onauxclick | |
| onblur | |
| onerror | |
| onfocus | |
| oncancel | |
| oncanplay | |
| oncanplaythrough | |
| onchange | |
| onclick | |
| onclose | |
| oncontextmenu | |
| oncuechange | |
| ondblclick | |
| ondrag | |
| ondragend | |
| ondragenter | |
| ondragexit | |
| ondragleave | |
| ondragover | |
| ondragstart | |
| ondrop | |
| ondurationchange | |
| onemptied | |
| onended | |
| onformdata | |
| ongotpointercapture | |
| oninput | |
| oninvalid | |
| onkeydown | |
| onkeypress | |
| onkeyup | |
| onload | |
| onloadeddata | |
| onloadedmetadata | |
| onloadend | |
| onloadstart | |
| onlostpointercapture | |
| onmousedown | |
| onmouseenter | |
| onmouseleave | |
| onmousemove | |
| onmouseout | |
| onmouseover | |
| onmouseup | |
| onmousewheel | |
| onwheel | |
| onpause | |
| onplay | |
| onplaying | |
| onpointerdown | |
| onpointermove | |
| onpointerup | |
| onpointercancel | |
| onpointerover | |
| onpointerout | |
| onpointerenter | |
| onpointerleave | |
| onpointerlockchange | |
| onpointerlockerror | |
| onprogress | |
| onratechange | |
| onreset | |
| onresize | |
| onscroll | |
| onseeked | |
| onseeking | |
| onselect | |
| onselectstart | |
| onselectionchange | |
| onshow | |
| onsort | |
| onstalled | |
| onsubmit | |
| onsuspend | |
| ontimeupdate | |
| onvolumechange | |
| ontouchcancel | |
| ontouchend | |
| ontouchmove | |
| ontouchstart | |
| ontransitioncancel | |
| ontransitionend | |
| ontransitionrun | |
| ontransitionstart | |
| onwaiting | |
