Ajax prototype.js IDからタグ要素の参照を取得する

-


Topページ  >  お勉強  >  Ajax  >  IDからタグ要素の参照を取得する 

IDからタグ要素の参照を取得する

IDをキーにして、タグ要素の参照を取得します。
返される参照には、prototype.jsのElementオブジェクトのプロパティーが継承されます。




prototype.js


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





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

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


2. メソッドに、取得したい要素のID名を渡します。

[HTML]
<input type="text" id="targetTextID" value="値" >;
 :
 :
[JavaScript]
var target = $("targetTextID");
alert(target.value);




$( element )


element 取得したいエレメントのID。



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





[Ajax - prototype.js - エレメント]


エレメントの表示・非表示を切り替える  【Element.toggle】


エレメントを削除する  【Element.remove】


エレメントのX座標、Y座標を取得する  【Position.page】



Topページ  >  お勉強  >  Ajax  >  IDからタグ要素の参照を取得する 






-