document.write内の変数について

Question

document.write内の変数についてなのですが、

<script>
var rotation_h1 = "こんにちは";
document.write("<h1 style='color:#fff; margin:10% auto 0; text-align:center; font-size:35px; font-weight:lighter; font-style:italic;'>rotation_h1</h1>");
</script>

の、</h1>前の「rotation_h1」が変数なのですが、これをこのままやるとテキストで「rotation_h1」となります。

「こんにちは」と表示させるにはどうすればいいでしょうか。

よろしくお願い致します。

Answer 1

なぜなら、変数部分も含めて「"」でくくっているため、変数部分も文字列として認識されるからです。
変数部分を「”」の外に出して、「＋」で連結すればよいです。

document.write("<h1 style='color:#fff; margin:10% auto 0; text-align:center; font-size:35px; font-weight:lighter; font-style:italic;'>" + rotation_h1 + "</h1>");

のようにします。

Comments

[samlife]

ありがとうございます、解決し、もやもやが晴れました！

Answer 2

このように。

var rotation_h1 = "こんにちは";
document.write( "<h1 style='color:#fff; margin:10% auto 0; text-align:center; font-size:35px; font-weight:lighter; font-style:italic;'>" + rotation_h1 + "</h1>" );

document.write(text); よりは document.getElementById("idName").innerHTML = text; を使うほうがお勧めです。

【» Javascriptでタグに囲まれた内容を取得する（innerHTML）ダリの雑記：WEBプログラム版】
http://nandani.sakura.ne.jp/web_all/javascript/29/

【HTML5でdocument.writeは使ってはいけない？ | 3streamer blog】
http://blog.3streamer.net/html5-css3/document-write-html5-181/

Comments

[samlife]

おーなるほど！
phpでいうところの、「'.$var.'」ですね！
ありがとうございます！

innerHTMLの方がオススメとの情報もありがとうございます。
こちらも覚えておきます。