Ajax prototype.js エレメントの終了タグの後に文字列を挿入する

-


Topページ  >  お勉強  >  Ajax  >  エレメントの終了タグの後に文字列を挿入する 

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

指定したエレメントの終了タグの後に文字列を挿入します。




prototype.js


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





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

<script type="text/javascript"
    src="prototype.js"></script>


2. Insertion.Afterメソッドを実行します。

[HTML]
<div id="targetBox">
  ここのエレメントに対して Insertion.Afterが実行される。
</div>
  :
  :
[JavaScript]
// "targetBox"エレメントの終了タグの後にテキストを挿入します
new Insertion.After("targetBox", "<b>挿入したテキスト</b>");




new Insertion.After( id , text );


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



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





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


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


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


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


エレメントの内容を変更する  【Element.update】



Topページ  >  お勉強  >  Ajax  >  エレメントの終了タグの後に文字列を挿入する 






-