1. Home
  2. Kangaroonote
  3. DOMレポート04 getAttribute setAttribute

DOMレポート04 getAttribute setAttribute

日時: 2006年06月04日 14:29

DOMでノードの属性値にアクセスするには、通常のjavascriptで使用するドットシンクタックス"ノード.属性値"の他にsetAttributeとgetAttributeという関数がある。

getAttributeは属性値を取得する関数。setAttributeは属性値に値を定義する関数。

getAttributeの使用方法は"node.getAttribute("src")"など、引数に文字列として属性値を与える。

setAttributeの使用法は"node.setAttribute("src","change.jpg")"といった感じで属性名とパラメータを渡す。

以下、setAttributeでのsrcパラメータの切り替え。マウスオーバーとマウスアウトで画像が切り替わる。

標準DOMスクリプティング きちんとDOMを覚えたいならWeb2.0、リッチクライアントを実現するJavaScriptプログラミングの標準仕様、DOM(Document Object Model)を徹底解説。JavaScriptをDOM準拠でコーディングすることで、Webページを思いのままに操作することができる。Webクリエイターに必須の知識。¥ 2,730

カテゴリ