javascript - 使用 Javascript 更改 div 背景颜色

Question

我有照片库。每张照片都放在小分区中。我想在单击照片时产生效果，使这个 div 颜色变为红色并且它已经可以工作了。但是现在我希望当我再次点击它时红色的 div 颜色变回白色。这将是某种选择效应我试图自己改进我的 js 代码，但我在这方面做得很糟糕，而且它不起作用

这是我的照片在循环中的显示方式

echo '<div class="thisphotobox" id="'.$photoid.'"><img src="'.$numphotos['link'].'" alt="photo" class="photolink" style="background-color:white" onclick="clicked('.$photoid.');"></div>';

这是我的功能

function clicked(photoid){   
    var divcolor = document.getElementById(photoid.toString()).backgroundColor;

    if (divcolor = "white"){
        document.getElementById(photoid.toString()).style.backgroundColor = 'red';
    } else {
        document.getElementById(photoid.toString()).style.backgroundColor = 'white';
    }
}

它变成红色但没有变成白色。我该怎么办？请帮助我:D

Answer 1

有两个问题

1)你在说

var divcolor = document.getElementById(photoid.toString()).backgroundColor;

它总是返回 undefined 你应该说，

var divcolor = document.getElementById(photoid.toString()).style.backgroundColor;

2)你在说

if (divcolor = "white")

这是一个赋值运算符，从不返回false，所以它永远不会进入else条件。

说

if (divcolor == "white")

为了避免这些问题，你应该说

if ("white" == divcolor)

所以如果在==的地方错误地使用了=，就会抛出语法错误。