「JavaScript/DOM」の版間の差分
削除された内容 追加された内容
標準へのリンク |
ウェブブラウザ上のJS以外にもDOM実装は偏在する(本文とも矛盾)window.alert() はDOMの一部ではなくHTML の一部。 |
||
1 行
{{Nav}}
'''[[w:
Living Standard が標準です。 https://dom.spec.whatwg.org/</ref>。DOMをサポートするのはウェブブラウザ上のJavaScriptだけではありません。
JavaとDOMによるXML文書の操作や [[w:Node.js|Node.js]] と [https://github.com/jsdom/jsdom jsdom] の組み合わせの様なウェブブラウザ上のJavaScript以外の DOM 実装は存在します<ref>元来、DOMは「プログラミングを言語に依存しない」オブジェクトモデリングシステムなので驚くに値しません</ref><ref>Abstract. DOM defines a platform-neutral model for events, aborting activities, and node trees. [https://dom.spec.whatwg.org/ DOM Living Standard.]</ref>。ウェブブラウザ上のJavaScriptにはDOM操作オブジェクトが組み込まれています。
注意したいのは、ウェブブラウザ上に警告ダイアログを表示する<code>window.alert</code>メソッドは Web API の一部ですがDOMの一部ではありません<ref>window.alert() [[https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#dom-alert HTML Living Standard::8.8.1 Simple dialogs]]で定義されています。[[https://dom.spec.whatwg.org/ DOM Living Standard]]ではありません。</ref>。
== 概要 ==
HTMLの<code>
<syntaxhighlight lang="html5">
160 ⟶ 163行目:
MutationObserver
MutationRecord
NamedNodeMap
Node
NodeFilter
NodeIterator
NodeList
NonDocumentTypeChildNode
ParentNode
ProcessingInstruction
Range
Text
180 ⟶ 183行目:
ということを理解する必要がある。DOMはXML文書を解析してその内容をメモリ上に展開するときコレクション同士がツリー状に繋がっている。既にJava等でデザインパターンを修得している上級者には[[w:Composite パターン|Composite パターン]]を取っていると言えば分かっていただけるであろう(より平易言葉で言うとデータがRoot(幹)から枝・葉の様につながった[[w:木構造_(データ構造)|木構造]]です)。DOMに存在する種々の「データ型」というのは、これの先にある様々な枝が何処でどう繋がれるのかを想像しながら使うものである。使っていく内に実感が追いついて慣れていくと思うが、初学者にはそこまでが単純ではないので頑張って欲しい。
}}
== 外部リンク ==
* [[https://dom.spec.whatwg.org/ DOM Living Standard]]
{{DEFAULTSORT:{{SUBPAGENAME}}}}
|