javascriptのボタン作成について

質問

javascript勉強中の身なのですが、わからない所があったのでご教授お願いいたします。

勉強のため購入した本にあったサンプルの一部に、下記のような英字のボタンを作成する箇所がありました。
<script type="text/javascript">
var alpha="abcdefghijklmnopqrstuvwxyz";
var i;
for (i=0;i<26;i++){
document.write("<input type='button' onclick='disp(this)' value='"+alpha.charAt(i)+"' />");
if (alpha.charAt(i)=="m") {
document.write("<br />")
};
}
</script>

上記で問題なく動作しているのですが、input内のvalue='"+alpha.charAt(i)+"'の+が何故必要なのかよくわかりません。
もしかしたら基本的な事なのかもしれないですが、なぜ+が必要なのか疑問に思っている部分なのでお手数ですがご教授お願いします。

回答No.1

mikemike7 · ベストアンサー

document.write("");
として書き出す時、""内にJavaScriptは書けません。
ですから"を一旦"で閉じ、+としてalpha.charAt(i)が書かれています。

変数に代入する時も同様です。
var word = "abc";
として、

var str = "あああword";
と書いてもstrには
あああword
が代入されます。

var str = "あああ"+word;
と記載することで、
あああabc
を代入できます。

この場合の+は足し算のプラスではなく、続けて書きますよ。
という指令のようなものですね。

お礼

なるほど。そういうことだったんですね。

例を出していただいて凄くわかりやすかったです。

もやもやしていた部分が解決出来ました。
ありがとうございました(^^)

回答No.2

osamuy

以下のようなhtmlを得たいから：

<input type='button' onclick='disp(this)' value='a' type='button' />
<input type='button' onclick='disp(this)' value='b' type='button' />
　……略……
<input type='button' onclick='disp(this)' value='z' type='button' />

添付図は、IE9の開発者ツールでの解析結果。

a、ｂ、……、zをfor文で生成しているという。

お礼

ありがとうございます。
解決いたしました。