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>
ご注意ください。