Welcome

カキノタblog

自分の興味あるテーマを中心に、図解多めに記事を作成していきたいと思います。

DOM Document

DocumentインターフェイスはDOMツリーのエントリーポイントとして働き、あらゆる種類の文書に対して共通のプロパティやメソッドを提供し、文書全体に関わる機能を担います。

ブラウザによって解析されたDOMツリーのrootがDocumentオブジェクトになります。

▼console.logでdocumentオブジェクトを出力してみた画像

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<title>test/DOM</title>
	<script type="text/javascript" src="app.js"></script>
</head>
<body>
	<h1>あああ</h1>
</body>
</html>

（画像）console.logでdocumentオブジェクトを出力してみた画像 

プロパティ

このインターフェイスは、 NodeインターフェイスおよびEventTargetインターフェイスのプロパティも継承しています。

  • Document.anchors（readonly）
  • Document.body
  • Document.characterSet（readonly）
  • Document.compatMode （readonly）
  • Document.contentType （readonly）
  • Document.doctype（readonly）
  • Document.documentElement（readonly）
  • Document.documentURI（readonly）
  • Document.embeds（readonly）
  • Document.fonts
  • Document.forms（readonly）
  • Document.head（readonly）
  • Document.hidden（readonly）
  • Document.images（readonly）
  • Document.implementation（readonly）
  • Document.lastStyleSheetSet（readonly）
  • Document.links（readonly）
  • Document.mozSyntheticDocument (en-US)
  • Document.plugins（readonly）
  • Document.featurePolicy （readonly）
  • Document.preferredStyleSheetSet（readonly）
  • Document.scripts（readonly）
  • Document.scrollingElement（readonly）
  • Document.selectedStyleSheetSet
  • Document.styleSheetSets（readonly）
  • Document.timeline (en-US)（readonly）
  • Document.undoManager （readonly）
  • Document.visibilityState（readonly）

HTML文書向けの拡張

  • Document.cookie
  • Document.defaultView（readonly）
  • Document.designMode
  • Document.dir（readonly）
  • Document.domain
  • Document.lastModified（readonly）
  • Document.location（readonly）
  • Document.readyState（readonly）
  • Document.referrer（readonly）
  • Document.title
  • Document.URL（readonly）

イベントハンドラ

  • Document.onafterscriptexecute
  • Document.onbeforescriptexecute
  • Document.oncopy
  • Document.oncut
  • Document.onfullscreenchange
  • Document.onfullscreenerror
  • Document.onpaste
  • Document.onreadystatechange
  • Document.onselectionchange
  • Document.onvisibilitychange

メソッド

Documentインターフェイスは、Nodeインターフェイスおよび EventTargetインターフェイスのメソッドを継承します。

  • Document.adoptNode()
  • Document.captureEvents()
  • Document.caretRangeFromPoint()
  • Document.createAttribute()
  • Document.createAttributeNS()
  • Document.createCDATASection()
  • Document.createComment()
  • Document.createDocumentFragment()
  • Document.createElement()
  • Document.createElementNS()
  • Document.createEntityReference()
  • Document.createEvent()
  • Document.createNodeIterator()
  • Document.createProcessingInstruction()
  • Document.createRange()
  • Document.createTextNode()
  • Document.createTouch()
  • Document.createTouchList()
  • Document.createTreeWalker()
  • Document.enableStyleSheetsForSet()
  • Document.exitPointerLock()
  • Document.getAnimations()
  • Document.getElementsByClassName()
  • Document.getElementsByTagName()
  • Document.getElementsByTagNameNS()
  • Document.hasStorageAccess()
  • Document.importNode()
  • Document.normalizeDocument()
  • Document.releaseCapture()
  • Document.releaseEvents()  
  • Document.requestStorageAccess()
  • Document.routeEvent()  Gecko 24 で廃止
  • Document.mozSetImageElement()

Documentインターフェイスは、ParentNodeインターフェイスから継承しています。

  • Document.getElementById(String id)
  • Document.querySelector()
  • Document.querySelectorAll()

Documentインターフェイスは、XPathEvaluatorインターフェイスによって拡張されています。

  • Document.createExpression()
  • Document.createNSResolver()
  • Document.evaluate()

HTML 文書向けの拡張

  • Document.clear()  
  • Document.close()
  • Document.execCommand()
  • Document.getElementsByName()
  • Document.hasFocus()
  • Document.open()
  • Document.queryCommandEnabled() (en-US)
  • Document.queryCommandIndeterm()
  • Document.queryCommandState()
  • Document.queryCommandSupported()
  • Document.queryCommandValue()
  • Document.write()
  • Document.writeln()

参考リンク