<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="ja">
	<id>https://monobook.org/w/index.php?action=history&amp;feed=atom&amp;title=Document_Object_Mode</id>
	<title>Document Object Mode - 版の履歴</title>
	<link rel="self" type="application/atom+xml" href="https://monobook.org/w/index.php?action=history&amp;feed=atom&amp;title=Document_Object_Mode"/>
	<link rel="alternate" type="text/html" href="https://monobook.org/w/index.php?title=Document_Object_Mode&amp;action=history"/>
	<updated>2026-06-04T23:22:32Z</updated>
	<subtitle>このウィキのこのページに関する変更履歴</subtitle>
	<generator>MediaWiki 1.42.1</generator>
	<entry>
		<id>https://monobook.org/w/index.php?title=Document_Object_Mode&amp;diff=1949&amp;oldid=prev</id>
		<title>2012年5月11日 (金) 02:39にimported&gt;Administratorによる</title>
		<link rel="alternate" type="text/html" href="https://monobook.org/w/index.php?title=Document_Object_Mode&amp;diff=1949&amp;oldid=prev"/>
		<updated>2012-05-11T02:39:49Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;ja&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← 古い版&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;2012年5月11日 (金) 02:39時点における版&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l4&quot;&gt;4行目:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;4行目:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;基本的には[[XML]]を[[ツリー構造]]として扱うためのAPI群であり、XMLに近いがXMLではない[[HTML]]の場合は[[Webブラウザ]]内でHTMLからXMLへ変換したのち利用できるようになっている。よって、DOM経由で[[HTML]]の[[ソースコード]]を取り出すと、HTMLのタグ閉じ忘れなどが修正されている状態となっている。このHTMLからXMLへの変換ルールがWebブラウザごとに異なることで、いわゆるHTMLのレイアウト崩れが発生する一因となっている。&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;基本的には[[XML]]を[[ツリー構造]]として扱うためのAPI群であり、XMLに近いがXMLではない[[HTML]]の場合は[[Webブラウザ]]内でHTMLからXMLへ変換したのち利用できるようになっている。よって、DOM経由で[[HTML]]の[[ソースコード]]を取り出すと、HTMLのタグ閉じ忘れなどが修正されている状態となっている。このHTMLからXMLへの変換ルールがWebブラウザごとに異なることで、いわゆるHTMLのレイアウト崩れが発生する一因となっている。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;DOMは、XMLを平面的に読み込む[[SAX]]とは異なり、XMLデータを[[ツリー構造]]として扱う事ができる。ただし、通常の場合対象のXML文書を全て読み込んでからの扱いを前提とするため動作速度が遅かったり、[[メモリー]]の使用量が大きくなる欠点もある。&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;大雑把に言えば、最近のWebブラウザに搭載されている開発モード（[[Firefox]]の[[Firebug]]や[[Opera]]の[[Opera Dragonfly]]、[[IE]]の開発者ツールなど）で表示されるHTMLソースコードのHTMLツリー表示のことである。&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;大雑把に言えば、最近のWebブラウザに搭載されている開発モード（[[Firefox]]の[[Firebug]]や[[Opera]]の[[Opera Dragonfly]]、[[IE]]の開発者ツールなど）で表示されるHTMLソースコードのHTMLツリー表示のことである。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;DOMは、XMLを平面的に読み込む[[SAX]]とは異なり、XMLデータを[[ツリー構造]]として扱う事ができる。ただし、通常の場合対象のXML文書を全て読み込んでからの扱いを前提とするため動作速度が遅かったり、[[メモリー]]の使用量が大きくなる欠点もある。&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[XML]]の場合は（個人的に周囲では）[[DOM]]よりも[[XPath]]が使われることが多いが、[[HTML]]の場合は[[JavaScript]]から手軽に利用できるという関係でDOMが使われることが多い。&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[XML]]の場合は（個人的に周囲では）[[DOM]]よりも[[XPath]]が使われることが多いが、[[HTML]]の場合は[[JavaScript]]から手軽に利用できるという関係でDOMが使われることが多い。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>imported&gt;Administrator</name></author>
	</entry>
	<entry>
		<id>https://monobook.org/w/index.php?title=Document_Object_Mode&amp;diff=1948&amp;oldid=prev</id>
		<title>imported&gt;Administrator: DOMをDocument Object Modeへ移動</title>
		<link rel="alternate" type="text/html" href="https://monobook.org/w/index.php?title=Document_Object_Mode&amp;diff=1948&amp;oldid=prev"/>
		<updated>2012-05-11T02:37:49Z</updated>

		<summary type="html">&lt;p&gt;&lt;a href=&quot;/wiki/DOM&quot; class=&quot;mw-redirect&quot; title=&quot;DOM&quot;&gt;DOM&lt;/a&gt;を&lt;a href=&quot;/wiki/Document_Object_Mode&quot; title=&quot;Document Object Mode&quot;&gt;Document Object Mode&lt;/a&gt;へ移動&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;ja&quot;&gt;
				&lt;td colspan=&quot;1&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← 古い版&lt;/td&gt;
				&lt;td colspan=&quot;1&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;2012年5月11日 (金) 02:37時点における版&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-notice&quot; lang=&quot;ja&quot;&gt;&lt;div class=&quot;mw-diff-empty&quot;&gt;(相違点なし)&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary>
		<author><name>imported&gt;Administrator</name></author>
	</entry>
	<entry>
		<id>https://monobook.org/w/index.php?title=Document_Object_Mode&amp;diff=1947&amp;oldid=prev</id>
		<title>imported&gt;Administrator: ページの作成：「&#039;&#039;&#039;Document Object Mode&#039;&#039;&#039; (DOM、どむ)とは、W3Cから勧告されているHTML文書やXML文書などをアプリケーションから読み書きす...」</title>
		<link rel="alternate" type="text/html" href="https://monobook.org/w/index.php?title=Document_Object_Mode&amp;diff=1947&amp;oldid=prev"/>
		<updated>2012-05-11T02:36:07Z</updated>

		<summary type="html">&lt;p&gt;ページの作成：「&amp;#039;&amp;#039;&amp;#039;Document Object Mode&amp;#039;&amp;#039;&amp;#039; (DOM、どむ)とは、&lt;a href=&quot;/w/index.php?title=W3C&amp;amp;action=edit&amp;amp;redlink=1&quot; class=&quot;new&quot; title=&quot;「W3C」 (存在しないページ)&quot;&gt;W3C&lt;/a&gt;から勧告されている&lt;a href=&quot;/wiki/HTML&quot; title=&quot;HTML&quot;&gt;HTML&lt;/a&gt;文書や&lt;a href=&quot;/wiki/XML&quot; title=&quot;XML&quot;&gt;XML&lt;/a&gt;文書などをアプリケーションから読み書きす...」&lt;/p&gt;
&lt;p&gt;&lt;b&gt;新規ページ&lt;/b&gt;&lt;/p&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;Document Object Mode&amp;#039;&amp;#039;&amp;#039; (DOM、どむ)とは、[[W3C]]から勧告されている[[HTML]]文書や[[XML]]文書などをアプリケーションから読み書きする際に用いる[[API]]仕様である。&lt;br /&gt;
&lt;br /&gt;
[[W3C]]では[[API]]の[[仕様]]を[[定義]]しているのみで、特定の[[プログラム言語]]を対象としたものではない。DOMの実装は各メーカーに委ねられており、DOMを実装した[[XMLパーサー]]が各メーカーから提供されている。&lt;br /&gt;
&lt;br /&gt;
基本的には[[XML]]を[[ツリー構造]]として扱うためのAPI群であり、XMLに近いがXMLではない[[HTML]]の場合は[[Webブラウザ]]内でHTMLからXMLへ変換したのち利用できるようになっている。よって、DOM経由で[[HTML]]の[[ソースコード]]を取り出すと、HTMLのタグ閉じ忘れなどが修正されている状態となっている。このHTMLからXMLへの変換ルールがWebブラウザごとに異なることで、いわゆるHTMLのレイアウト崩れが発生する一因となっている。&lt;br /&gt;
DOMは、XMLを平面的に読み込む[[SAX]]とは異なり、XMLデータを[[ツリー構造]]として扱う事ができる。ただし、通常の場合対象のXML文書を全て読み込んでからの扱いを前提とするため動作速度が遅かったり、[[メモリー]]の使用量が大きくなる欠点もある。&lt;br /&gt;
&lt;br /&gt;
大雑把に言えば、最近のWebブラウザに搭載されている開発モード（[[Firefox]]の[[Firebug]]や[[Opera]]の[[Opera Dragonfly]]、[[IE]]の開発者ツールなど）で表示されるHTMLソースコードのHTMLツリー表示のことである。&lt;br /&gt;
&lt;br /&gt;
[[XML]]の場合は（個人的に周囲では）[[DOM]]よりも[[XPath]]が使われることが多いが、[[HTML]]の場合は[[JavaScript]]から手軽に利用できるという関係でDOMが使われることが多い。&lt;br /&gt;
&lt;br /&gt;
[[JavaScript]]からDOMを利用する場合は、onloadイベントがDOM準備完了の合図であり、onloadイベント発生前にDOM APIを呼び出しても動かないよ。&lt;br /&gt;
&lt;br /&gt;
== W3C勧告 ==&lt;br /&gt;
* [[DOM/Level 1]]&lt;br /&gt;
* [[DOM/Level 2]]&lt;br /&gt;
* [[DOM/Level 3]]&lt;br /&gt;
&lt;br /&gt;
== 関連項目 ==&lt;br /&gt;
* [[HTML]]&lt;br /&gt;
* [[XML]]&lt;br /&gt;
* [[SAX]]&lt;br /&gt;
* [[XPath]]&lt;br /&gt;
* [[JavaScript]]&lt;br /&gt;
&lt;br /&gt;
== 参考文献 ==&lt;br /&gt;
&amp;lt;references/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== 外部リンク ==&lt;br /&gt;
* http://www.w3.org/DOM/DOMTR - 公式サイト&lt;br /&gt;
* https://developer.mozilla.org/en/Gecko_DOM_Reference - FirefoxのDOM APIリファレンス&lt;br /&gt;
{{stub}}&lt;/div&gt;</summary>
		<author><name>imported&gt;Administrator</name></author>
	</entry>
</feed>