Question

我有两张照片......

＆＃13;

function leftMove(el) {
  if (el.className == "la") {
    el.className = "la1";
    getElementById(ra).className = "ra1";
  } else {
    el.className = "la";
    getElementById(ra1).className = "ra";
  }
}

＆＃13;

.la {
  position: absolute;
  bottom: 370px;
  opacity: .5;
}
.ra {
  position: absolute;
  bottom: 370px;
  left: 1637px;
  opacity: .5;
}
.la1 {
  position: absolute;
  bottom: 370px;
  left: 500px;
  opacity: 1;
}
.ra1 {
  position: absolute;
  bottom: 370px;
  left: 1137px;
  opacity: 1;
}

＆＃13;

<img src="img.png" width="290" height="228" id="la" class="la" onclick="leftMove(this)">
<img src="img.png" width="290" height="228" id="ra" class="ra" onclick="rightMove(this)">

＆＃13;

...我正在尝试修改。具体来说，我试图在单击任一图像时更改两个图像的类。我正在使用的javascript的一个例子是：

最终目标是让两个图像都引用新的CSS，如下所示：

如果我做得正确，两个图像都应移动并改变不透明度。出于某种原因，只有带有＆＃34; la＆＃34; /＆＃34; la1＆＃34;班级移动并改变不透明度，而＆＃34; ra＆＃34; /＆＃34; ra1＆＃34;图像什么也没做。我很确定这是因为我的javascript被破坏了，但我不知道为什么。任何建议都将不胜感激。

这是我写的第一个代码，所以如果我是愚蠢的话，请保持温和。

感谢您抽出宝贵时间。：）

Answer 1

您需要将字符串传递给getElementById并在document上调用该函数：

document.getElementById("ra").className = "ra1";
...
document.getElementById("ra1").className = "ra";

Javascript定位于条件语句内

1 个答案: