Question

我宣布了一些变数：

var availableTile1 = document.getElementById("c1");

var availableTile2 = document.getElementById("c2");

var availableTile3 = document.getElementById("c3");

var availableTile4 = document.getElementById("c4");

var availableTile5 = document.getElementById("c5");

var availableTile6 = document.getElementById("c6");

如您所见，只有数字不同。是否有更快更清晰的方法一次定义所有变量？

注意：我听说过＆＃34;解构分配＆＃34;，但我无法将其应用于document.getElementById.6 谢谢你的回答。

编辑： availableTile.style.border = "none"; availableTile.style.backgroundColor = "transparent";

如果availableTile是一个Id，这是有效的，但如果它是一个类，不知道怎么办？！

Answer 1

不要使用变量。使用数组。将它填充在一个循环中。

cache.match(cacheKeyUrl)

您可以通过更改HTML以使每个元素成为同一个类的成员来获得类似的结果。然后，您可以使用

获取类似于数组的对象

var available_tiles = [];
for (var i = 1; i <=6; i++) {
    available_tiles.push( document.getElementById("c" + i) );
}

或

var available_tiles = document.getElementsByClassName("tile");

如何同时声明一个document.getElementById变量

1 个答案: