1

HTML 要素の名前でもある文字列を含む変数を使用して、HTML 要素を取得したいと考えています。文字列を含む変数を呼び出すときに、文字列自体を取得するのではなく、同じ名前の HTML 要素の ID を取得したいと考えています。どうやってやるの？

特に、私はこれをしたい：

私はいくつかのオブジェクトを持っています:

<canvas width="250" height="250" id="output_1"></canvas>
<canvas width="250" height="250" id="output_2"></canvas>
<canvas width="250" height="250" id="output_3"></canvas>

スクリプトでは、ID に等しい文字列を作成します。

var aktuellerCanvas;
var count = -1;

後で、最初に「output_1」、次に「output_2」など、ID で要素を取得したいと思います。これを試しましたが、成功しませんでした。私は、変数 aktuellerCanvas の文字列を呼び出しているだけだと思います。

count++;
aktuellerCanvas = "output_" + (count % 3 ++);

aktuellerCanvas.putImageData(image, 0, 0, 0, 0, width, height);

手伝って頂けますか？

4

4 に答える 4

1

aktuellerCanvas = document.getElementById("output_" + (count % 3 ++))

また (count % 3 ++)、有効ではありません

(count++ % 3 )または必要な場合があります(++count % 3)

于 2013-06-28T09:02:10.700 に答える
1

ここでdocument.getElementById()を使用できます。これは、要素の ID を文字列として持っているためです。

aktuellerCanvas = document.getElementById("output_" + (count % 3))
于 2013-06-28T09:00:59.303 に答える
0 
aktuellerCanvas = document.getElementById("output_" + (count++ % 3));

仕事をします！

ただし、「putImageData」を HTML 要素に直接適用することはできません。2D コンテキストに適用する必要があります。以下のコードを参照してください。

var ctx = aktuellerCanvas.getContext("2d");
ctx.putImageData(image, 0, 0, 0, 0, width, height);
于 2013-06-28T09:01:21.803 に答える