javascript - 通过字符串获取 HTML 元素

Question

我想使用一个包含字符串的变量来获取 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;

后来想按ID抓取元素，先是“output_1”，再是“output_2”等等....我试过了，但没有成功。我想，我只是调用变量 aktuellerCanvas 中的字符串。

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

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

你能帮帮我吗？

Answer 1

您可以使用 document.getElementById()在这里是因为，你有元素的 id 作为字符串

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