「JavaScript/DOM」の版間の差分

削除された内容 追加された内容
U14269 (トーク | 投稿記録)
cleanup
Ef3 (トーク | 投稿記録)
→‎サンプル: <source lang="html">
42 行
なお、DOMは現在では主流のブラウザほとんどで利用が出来るが、古いブラウザに関しては動かないものが多くある事を注意しておく(例としてはMicrosoftのInternetExplolerでは5.0以降で対応している)。
 
===  サンプル ===
 
XML文書は、文書をタグで囲い込んでいるが、タグは必ず入れ子になるように書かれないといけないため必然的に囲っているタグと囲われているタグとの間に親子関係がある。
51 行
 
まずは、次のサンプルを打ち込んでほしい。
<source lang="html5">
 
<!DOCTYPE html>
<nowiki>
&lt;<html&gt;>
<head>
&lt;head&gt;&lt; <title&gt;>DOMでのデータ取り出しテスト&lt;</title&gt;&lt;/head&gt;>
&lt;body&gt;
</head>
&lt;div&gt;
<body>
&lt;p&gt;DOM TEST&lt;/p&gt;
&lt;/ <div&gt;>
&lt; <p&gt;>DOM TEST&lt;</p&gt;>
&lt;script type="text/javascript"&gt;&lt;!--
</div>
alert( document.getElementsByTagName("body").item(0).getElementsByTagName("p").item(0).firstChild.nodeValue );
//--&gt;&lt;/ <script&gt;>
<!--
&lt;/body&gt;
alert( document.getElementsByTagName("body").item(0).getElementsByTagName("p").item(0).firstChild.nodeValue );
&lt;/html&gt;
//-->
</nowiki>
</script>
</body>
</html>
</source>
 
この文書では、(x)html文書中のbodyタグ内部に、divタグが埋め込まれており、さらにその中にpタグ。その中にテキスト文書が埋め込まれている。