備忘録的プログラミングリファレンス

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