prototype.js:DOM

●$

JavaScript で、
HTML 内の要素に、ID を使ってアクセスしたい場合、
  document.getElementById('ID名')
を使います。
たとえば、
 <input type="text" id="id_doc_name" class="doc_name" value="data">
の value を書き換えたければ、
  document.getElementById('id_doc_name').value = "new_data";
とします。

prototype.js では、document.getElementById のショートカットとして、
'$' が使えます。

具体的には、
  $('ID名')
とすれば OK です。

上記の例で言うと、
  $('id_doc_name').value = "new_data";
です。

ID名の部分には、複数の要素を指定もできます。
  $('ID名1', 'ID名2', 'ID名3')
のようにです。
結果は、配列で返ってくるので、
後述の each などを使って処理できます。

●$$

HTML 内の要素に、CLASS を使ってアクセスしたい場合、
'$$' が使えます。

具体的には、
  $('CLASS名')
とすれば OK です。

上記の例で言うと、
  $$('.doc_name')[0].value = "new_data";
です。
# CLASS は、複数要素に記述する前提なので、
# $$ は、常に配列を返します。