Ajax prototype.js エレメントの内容を変更する

-

Ajax JavaScript PHP Web その他

Topページ　 >　お勉強　 >　 Ajax　 >　エレメントの内容を変更する　

エレメントの内容を変更する

指定したエレメントの内容を変更（上書き更新）します。

prototype.js

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

1. ダウンロードしたprototype.jsを読み込みます。


          <script type="text/javascript"

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

2. Element.updateメソッドを実行します。


          [HTML]

<div id="targetBox">

  ここのエレメントに対して Element.updateが実行される。

</div>

  :

  :

[JavaScript]

// "targetBox"エレメントの要素を変更します

Element.update("targetBox", "<b>変更したテキスト</b>");

Element.update( id , text );

id	対象エレメントのID
text	変更する文字列

ファイル一式をダウンロードする

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

[Ajax - prototype.js - 文字列の挿入・変更]

エレメントの前に文字列を挿入する　【Insertion.Before】

エレメントの終了タグの後に文字列を挿入する　【Insertion.After】

エレメントの最初の要素として文字列を挿入する　【Insertion.Top】

エレメントの末尾に文字列を挿入する　【Insertion.Bottom】

Topページ　 >　お勉強　 >　 Ajax　 >　エレメントの内容を変更する　

メニュー