Topページ　 >　お勉強　 >　 Ajax　 >　スタイルの値を取得する　

スタイルの値を取得する

CSSスタイルの値を取得します。

使用バージョン：1.5.1　公式サイト


          <script type="text/javascript"

    src="prototype.js"></script>


          [HTML]

<div id="targetBox">ここがターゲット</div>

　:

　:

[JavaScript]

// 横幅を取得する

var width = Element.getStyle("targetBox", "width");

id	スタイル値を取得するエレメントのID
styleName	取得したいスタイルプロパティー名指定例）"width"、"height"、"background-color"

↓インラインフレーム内でサンプルが動作しています。

[Ajax - prototype.js - CSS]

Classを追加する　【addClassName】

Classを削除する　【removeClassName】

Topページ　 >　お勉強　 >　 Ajax　 >　スタイルの値を取得する　