ドキュメントオブジェクトモデル略してDOMです。
オブジェクトへアクセスするためのインターフェイスなモデルらしいです。
DOMは昔少し使ったけどずっと触っていなかったのでおさらいしてみました。
DOMはHTMLを文書構造としてそこへアクセスする為の
プログラムという感じでしょうか?
↓ 以下のようなページの場合
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<title>test</title>
</head>
<body>
<h1>タイトル1です。</h1>
<h1>タイトル2です。</h1>
</body>
</html>
document.getElementsByTagName によって、文書内の
指定されたタグのすべての配列を作ることができ、
それを使って個々のタグにたどり着くことができます。
var arrayh1 = document.getElementsByTagName('h1');
//タイトル1
alert(arrayh1[0].innerText);
//タイトル2
alert(arrayh1[1].innerText);
『あれこれポップアップ』というスクリプトの
ソースを覗くとなかなか面白いです
早速ソースを除いてみました。
自分の知っているJavaScriptとかけ離れた文法だったので
始めは意味がわかりませんでした。
よくみてみるとクラス、プロパティ、メソッド定義をしているじゃないですか。
JavaScriptすごいっす。一人前のオブジェクト指向言語だ。
スクリプト言語だからってなめてはいけませんね。
この感動を忘れないうちにサンプル一つ作ってみようと思います。
重箱の隅だけど、一つのHTML文書内にタグは一個しか宣言できませぬよ。ちなみにActionScriptもオブジェクト指向だす。
できる人が来たと思って、わからなかったので一生懸命調べちゃいました。
ActionScriptはMacromedia Flash用のスクリプト言語。
JavaScriptの標準規格であるECMAScriptをベースに独自の拡張を施した仕様ってことですね。
すいません、難しそうな文章を少し読んで調べたのですが、
「一つのHTML文書内にタグは一個しか宣言できませぬ」の意味がわかりませんでした。
titleタグは1つしか使ってはいけない。
h1はいくつ使ってもよい。
というところまで調べたのですが、根本的に間違えている?
ごめんごめん、h1タグ書いたんだけど消えてるね。使っても良いんだけど、作法的にってことで、h1は多様しない方が良いはず。
あっ なるほど。
ありがとうです。納得しました。
h1を正しく解釈するブラウザにとってはたくさん宣言されるとうざいですよ
そんなもんどうでもいいブラウザはh1とh2と。。。hxが区別できんですよ
まぁそういうこと
複数使う意味がない
なるほどね。
HTMLにもいろいろと決まりがあるんですね。
この前、難しそうな文章を読んでいて思いました。
なんかスレ違い(日記違い?)だけどごめん。
連絡取りたいけど、メアドどこにも載ってないよー。
おせーてちょ。