新生鳩丸掲示板♯

bakera.jp > 新生鳩丸掲示板♯ > [887] Re: 鳩丸ぐろっさり (用語集) : 用語「DOM」

記事個別表示 (887)

[887] Re: 鳩丸ぐろっさり (用語集) : 用語「DOM」

Yukarin (2003年9月23日 13時22分)

えっと、質問などを用語に対するコメントとして利用していいものか悩みましたがとりあえず・・・、不適切でごめんなさい。

昔々あるところで(鳩丸に間違いないですが)getElementsByTagName(もしくはgetElementById)とは何ぞやと無謀に質問したところ、親切にもyuuさんがDOMですよ、と教えて下さったという記憶がございます。

その時は「フム、そんな参照方法があるのね」と軽く頭の中に流したものです。

(yuuさん、ありがとうございました!)

それから何年か経ち、やっとこさDOMとは何ぞやという考えを持ちはじめ、幸いなことに見やすそ~な

http://www2u.biglobe.ne.jp/~oz-07ams/prog/dom-ref/object-index.html

に出会ったのは良いのですが、見方が全然わからずまたネットを彷徨う日々でした。

いいかげんDOMの説明も見飽きて、肝心の見方の情報も(力不足で)検索できず、鳩丸の掲示板読んで気晴らしでもしようと思ったら、ひょんなことに新生鳩丸掲示板#のpage14あたり(1年半くらい溜まった鳩丸掲示板をやっと読み終え、新生鳩丸掲示板#の後ろから追い上げて、ただ今やっとpage14あたり)でDOMの用語説明に出会ったのです。

おかげで頭の中がスッキリしました!

本当にわかりやすい説明ありがとうございます~(涙)。

んで長くなりましたが(本当に・・・)、やっぱり見方がわからないのでちょっと質問させて下さい。

多く使用されているのは↓のようなスタイルの動的変更かと思いますが、

document.getElementsByTagName(DOMString)[index].style.color = "red";

ええと、スクリプトのdocumentはDOMで言うHTMLDocumentインターフェースを実装しているということでしょうか。

それで、HTMLDocumentはDocumentを継承しているのでgetElementsByTagNameを使用できる。

で、戻りがNodeListで、各項目には0から始まる整数の添え字を経由してアクセス可能なので、「・・・[index]」という書き方ができると。

NodeListの項目はElementですが、それの実際はElementを継承したHTMLElementということなのでしょうか。

そうすると、style属性はElementCSSInlineStyleインターフェイスを通してアクセスできるとあるので、ElementCSSInlineStyleを見てみるとstyleプロパティはCSSStyleDeclarationですね。

これでなんとか「・・・.style」まではたどり着けたのですが、

(イヤ、実際はHTMLElementにstyleプロパティがないのに何でそこからいきなりElementCSSInlineStyleのstyleにつながっていくのか全然わかっていないのですが)

その先の「.color」はどうなってそうなるのでしょうか(意味不明)?

CSS2Propertiesのプロパティを使用することはどこかのページで読んだのですが、CSSStyleDeclarationとCSS2Propertiesつながりが見えません・・・(涙)。

コメントフォーム

※広告や宣伝の書き込みはご遠慮ください。

:

:

:

最近の日記

関わった本など