Question

我有一个问题：是否可以根据一个条件交换背景？例如：

function A() {
  if (meuArray.length === 7) {
    i want background green
  } else {
    background blue
  }
}

起初我正在巴西做一个名为Black Jack或21的纸牌游戏，到目前为止，我还没有找到一个可行的背景形式或包含每张卡值的数组中的CSS。

有人会有提示或怎么做？谢谢。

Answer 1

您可以使用JavaScript来完成。假设您要更改具有id =＆＃34; demo＆＃34;

的元素的背景

然后您可以编写如下代码：

if (meuArray.length === 7) {
    document.getElementById("demo").style.backgroundColor = "green";
} 
else {
    document.getElementById("demo").style.backgroundColor = "blue";
}

如果你想选择一个班级使用：

    document.getElementsByClassName("demo")

Answer 2

使用document.getElementById获取dom并设置backgroundColor

function A() {
      if (meuArray.length === 7) {
        document.getElementById('domId').style.backgroundColor = 'green'
      } else {
        document.getElementById('domId').style.backgroundColor = 'blue'
      }
    }

如何使用CSS创建动态背景？

2 个答案: