2001年8月26日(日)更新 |
■子ノードを調べたり見たりするインターフェイス
たけち: 前に、DOMとJavaScript: 子ノードを調べる、他で、子ノードがいくつあるかを調べて子ノードのテキストを取ってくる例を次のようなインターフェイスを使って、やったよね。 |
|
さらら: あぁ、そうだったわね。 たけち: 今回は、子ノードを調べたり、みたりする別のインターフェイスを紹介するね。。 さらら: あっ、他の方法もあるってことなのね。 たけち: そう、雰囲気は分かってきていると思うから、早速次に紹介するね。 |
|
さらら: それぞれDOMのインターフェイスって、どんなものなのかしら。 たけち: もちろん、つぎにそれぞれについて図で説明してゆくね。 さらら: うん。 |
■子ノードの最初のノードを取得する: firstChild
たけち: firstChildは、名前から想像できるように、今見ているノードの子供のノードの最初の子ノードを取得するものなんだ。 |
■次のノードを取得する: nextSibling
たけち: nextSiblingは、今見ているノードの次のノードを取得するものなんだ。 |
■サンプルプログラム: 子ノードを調べて、テキストをひろう
さらら: 今回はこれをどういう風に使うのかしら。 たけち: そうだね。流れの主なところだけを次に載せておくね。あっ、そうそう。使うXMLドキュメントは前回と同じだからね。 |
|
さらら: うんうん。でも、実際のJavaScriptの書き方はどうなの?? たけち: もちろん、それは次に載せておくね。実際のJavaSCriptからは少し省略があるから気をつけてね。 |
■JavaScriptサンプルリストと表示結果
さらら: だいたい分かったわ。じゃあ、ねっ! (^ ^* たけち: そうだね。じゃあ、今回のJavaScriptを含んだHTMLファイルの内容を次に載せようね。 さらら: わ〜い!! (^ ^* |
<html> |
さらら: 前のサンプルと比べると、ずっとすっきりしている感じがするわ。 たけち: そうだね。じゃあ、このHTMLテキストをいつものようにファイルにしておくからクリックしてみて。 |
さらら: DOMのインターフェイスって、いろいろあるのね。 たけち: そうだね、まだまだあるからもう少し続けるね。じゃあ、今回はここまで。おつかれさま。 さらら: うん。ありがと。 (^ ^* →次回は、属性名を指定して属性値を見る(getAttributeNode) です。。 (^ ^; |