トップページ > コンテンツ > プログラミング入門 > Ajax入門 > JavaScript入門 > getElementById()の引数

管理人も一度間違えてしまったことがあるがgetElementsByIdと間違えないよう注意。
さてgetElementById()の引数についてだが、いろいろ制約があることに気づいた。

例：ほとんどうまくいく場合
document.getElementById("nanika"); //IDがあれば、当然うまくいく

var test = "nanika";
document.getElementById(test); //うまくいった

var test = ['nanika', 'nanika2'];
document.getElmentById(test[1]); //うまくいった

for(i = 0; i < 2; i++) {
  document.getElementById("nanika"+i); //うまくいった
   document.getElementById('nanika'+i); //うまくいった 

例：うまくいかないケース
function test(id) {
  hensu = id + 2;
  document.getElementById(id + 2); //全てのケースにおいてうまくいかない
  document.getElementById(hensu); //全てのケースにおいてうまくいかない
}
<input type ="button" onclick="test('nanika');" value="テスト用ボタン">

getElementsByNameやgetElementsByTagNameとかで複数取ってきて、その中でmatchを取るという方法もある。
(http://blog.tofu-kun.org/070920122122.php)が良さそうだ。
この場合、getElementsByNameで取ってきた要素のidのマッチを取っている。
ただ、この方法でもstyle.displayはうまくいかなかった。