innerHTMLに変数表示は？

質問

innerHTMLに変数表示は？

innerHTMLに変数を入れて数値などをその都度
表示したいのですが、上手くいきません。
document.getElementById("kazu").innerHTML = suuzi=suuzi+1;
など。
innerHTMLではむりならば、他の方法を知りたいです。。

回答No.1

think49 · ベストアンサー

試してみたところ、以下のコードで変数の値を表示できました。

<div id="kazu"></div>
<script type="text/javascript">
var suuzi = 1;
document.getElementById("kazu").innerHTML = suuzi = suuzi + 1;
</script>

お礼

var suuzi = 1;を入れるのを忘れていました。

回答No.3

think49

ああ、「その都度」というのはデバッグ目的でしたか…。

何を持って「その都度」というかですね。
そもそも、「その」というのは「どんな時」を指しているのでしょう？

表示させるのは簡単ですが、表示させるタイミングを決めるのは制作者ですからね…。

例えば、以下のコードがあったとき、

<script type="text/javascript">
(function(){
　var a = 1, b = 10;
　a = 2;
　a = 3;
})();
</script>

「どこで変数の値を知りたいのか」を決めて、innerHTMLで出力してあげてください。

> 他の方法を知りたいです。。
Firebugを使えると、デバッグの幅が広がります。

- alert() で表示する
- console でコンソール出力 (Firebug)
- ブレイクポイントで処理を止める (Firebug)

第1回　JavaScriptの復権 － ＠IT
http://www.atmarkit.co.jp/fdotnet/ajaxjs/ajaxjs01/ajaxjs01_03.html

回答No.2

OKbokuzyo

>innerHTMLに変数を入れて数値などをその都度
>表示したいのですが、上手くいきません。

何からどう説明すれば理解してもらえるかわからんが
とりあえず、あなたの考えているような方法で
変数を表示する方法はない。
システムというのは変数という箱に入った数字を
そのまま画面に表示しているというような
そんなアナログなモノではない。

変数の内容は基本的にメモリ上に保管されていて
画面とは全く関係が無い。
だから画面に表示するということは
「この変数（メモリ上の値）を表示して」と
画面にお願いしないといけない。

つまりあなたのやろうとしていることを実現しようとすると
変数の値を常に監視して、変更があったらプッシュするような
作りでないといけない。そんなことすべての変数にやっていたら
変数を作れば作るほどどんどん処理が無駄に重くなってしまう。

>innerHTMLではむりならば、他の方法を知りたいです。。

そんなわけで、都度表示させたいなら
自分でその処理を実装するほかない。
たとえばsetInterval等を使うとか。
あるいはオブジェクトにしてsetterとgetterを用意して
setter時に必ず画面へ表示するようにしておくとかだな。