点击通过Javascript改变手风琴颜色

Question

所以我尝试使用Javascript函数通过点击事件更改手风琴菜单的标题颜色。正如我现在所看到的那样，我的第一次点击会改变颜色，但不会改变第二次。

我的HTML手风琴设置：

<div id ="accordion">
    <a class="tab" onclick="highlightHead(this, '#2E8AE6')" href="javascript:AccordionControls('headerOne')">Header One</a>
    <div id="headerOne"  class="tab-content" style="display:none">This is my first header paragraph</div>

    <a class="tab" onclick="highlightHead(this, '#2E8AE6')" href="javascript:AccordionControls('headerTwo')">Header Two</a>
    <div id="headerTwo" class="tab-content" style="display:none">This is my second header paragraph</div>
</div>

我的Javascript函数：

function highlightHead(headerID, color)
{
    if (headerID.style.backgroundColor  = "#000033") {

        headerID.style.backgroundColor = color;

    } else {

        headerID.style.backgroundColor = "#000033";

    }
}

Answer 1

您需要将===放入if语句而不是=

Answer 2

你需要使用“==”而不是“=”，因为它本质上是在确定它是否相同而不是设置它。

 function highlightHead(headerID, color)
{
    if (headerID.style.backgroundColor  == "#000033") {

        headerID.style.backgroundColor = color;

    } else {

        headerID.style.backgroundColor = "#000033";

    }
}