「prototype.js」における「$」は、「document.getElementById()」と同じ。
なので、以下のように関数定義してしまえば、同じように使えてしまう。
┌──────────────────────────────────────┐
│function $(inId) {return document.getElementById(inId);}                    │
└──────────────────────────────────────┘

こうすれば、以下のように書き換えが可能となる。
┌──────────────────────────────────────┐
│document.getElementById("ID名").value = "値";                               │
├──────────────────────────────────────┤
│$("ID名").value = "値";                                                     │
└──────────────────────────────────────┘

ところで、「jQuery」の場合は若干違う。
┌──────────────────────────────────────┐
│$("#ID名")[0].value = "値";                                                 │
└──────────────────────────────────────┘
上記のように、ID名の前に「#」が必要で、
さらにインデックスとして「[0]」が必要だ。

なお、インデックスの代わりに「get()」メソッドを使う方法もある。
┌──────────────────────────────────────┐
│$("#ID名").get(0).value = "値";                                             │
└──────────────────────────────────────┘

また、valueだけだったら、「val()」メソッドを使えば「[0]」を不要にできる。
┌──────────────────────────────────────┐
│$("#ID名").val("値");                                                       │
└──────────────────────────────────────┘
上記は代入(設定)の場合、参照だけだったら、以下の通りとなる。
┌──────────────────────────────────────┐
│$("#ID名").val();                                                           │
└──────────────────────────────────────┘