javascript - div类背景颜色变化

Question

我正在尝试更改 class = thisphotobox 的 div 的背景颜色。按下此 div 内的图像后，所有操作都会发生。我做错了什么？我应该在这些 onclick 括号中添加什么？这是图像:

  echo '<div class="thisphotobox">
    <img src="'.$numphotos['link'].'" alt="photo" class="photolink" onclick="clicked()">
    </div>';

函数如下:

   function clicked(thisphotobox){
     var div = document.getElementsByClassName("thisphotobox");
     elements.style.backgroundColor="red";
   }

我也在考虑如何让它像复选框一样被“选中”。

Answer 1

1) 编写 onclick=clicked();，而不是 onclick="clicked()"。

2) 如果只有一个div，你应该尝试给它一个id，而不是一个class。如果您愿意，您仍然可以使用 CSS 来修改它。当然，getElementsByClassName 会变成 getElementById。

3) 在clicked() 中，您创建了一个名为div 的变量，但尝试更改未声明变量elements 的背景颜色。将其更改为 div，或将 div 更改为 elements。

+1 “像复选框一样选中”部分是什么意思？如果您想存储您单击图像(并更改背景颜色)的信息，那么您可以声明一个新变量(在 clicked() 函数之外，以便您可以从其他地方访问它) ，默认为 false，那么您可以从函数中更改它，如下所示:variableName = true;。这是实现它的最简单的方法。