2001年9月9日(日)更新 |
■属性名を指定して属性を見るインターフェイス
たけち: 前に、DOMとJavaScript: 属性をみるで、ノードの属性をとって来る例を次のようなインターフェイスを使って、やったよね。 |
|
さらら: あぁ、そうだったわね。 たけち: このインターフェイスでは、item(0)や今回はitem(1)というように、属性の順番で指定してたよね。でもこれだと、属性が増えたり順序がかわったりすると思ったような結果が得られないよね。そこで、属性の名前を指定してその値をとってくるインターフェイスを紹介するね。 さらら: なるほど、そう言われるとそういう方法が欲しいわね。 たけち: そうだね。じゃあ早速次に図で紹介するね。 |
さらら: 分かるわ。欲しい属性の名前を指定してgetAttributeNode()を呼ぶとその名前をもつ属性ノードがとってこれるのね。。。。あれ、でも、属性の値を取るにはそれからどうしたらいいのかしら・・・ たけち: あっ、IEの場合だと、そのノードについてvalueかnodeValueでとってこれるんだ。 さらら: あっ、そうなの。 たけち: たとえば、次のようにすればいいってことだね。 |
|
■サンプルプログラム: 子ノードを調べて、テキストをひろう
さらら: だいたいサンプルの想像ができるわ。 たけち: そうだね。一応、確認のために流れの主なところだけを次に載せておくね。使うXMLドキュメントは前回と同じだからね。 |
さらら: うんうん。でも、実際のJavaScriptの書き方はどうなの?? たけち: もちろん、それは次に載せておくね。実際のJavaSCriptからは少し省略があるから気をつけてね。 |
■JavaScriptサンプルリストと表示結果
さらら: だいたい分かったわ。じゃあ、ねっ! (^ ^* たけち: そうだね。じゃあ、今回のJavaScriptを含んだHTMLファイルの内容を次に載せようね。 さらら: わ〜い!! (^ ^* |
<html> |
さらら: これで、指定した属性がきちんと取れるように名乗るね。 たけち: そうだね。じゃあ、このHTMLテキストをいつものようにファイルにしておくからクリックしてみて。 |
さらら: これでまた少しDOMを勉強できてうれしいわぁ。 たけち: 少しずつでもたのしくやろうね。じゃあ、今回はここまで。おつかれさま。 さらら: うん。ありがと。 (^ ^* →次回は、buttonで表示を切り替えるです。 (^ ^; |