Javascript 変数に「-」(ハイフン)は使えません

Javascriptで、「-」（ハイフン）は「マイナス」と認識されてしまうので変数には使えません。
Javascriptに限らず、PHPなんかでもそうなんですが。

言われてみればそうなんですが、DOMなんかにアクセスしていると、idやclass、その他属性値に「-」が使われていることなんて、普通にあるじゃないですか。
ついついform要素のname属性に「-」付きの名前なんかつけちゃったりして・・・

「Javascriptを使ったリセットボタンや送信ボタンが、全然動いてくれないんですけど！」

なんて感じで、しばらくハマってしまいました・・・。
バカみたい。

//↓これではリセットボタンは動きません（name属性に「-」が使われているので）
<form action="form.php" method="POST" name="form-name">
～
～
//リセットボタン
<a href="#" onClick="document.form-name.reset()"><img src="path" alt="リセット" /></a>
</form>

//↓例えばこうすると動きます
<form action="form.php" method="POST" name="formName">
～
～
//リセットボタン
<a href="#" onClick="document.formName.reset()"><img src="path" alt="リセット" /></a>
</form>

ご注意ください。