javascript - 如何在单击时更改 div 并在之后保持更改？

Question

我正在尝试制作一个 div，以便在单击它时它会变大并改变颜色以附加到另一个 div。我到目前为止的代码是:

    <div id="wrapper">
            <a href="homepage.html" onmousedown="javascript:(btn=document.getElementById('btnhome')).className = (btn.className  == 'clicked') ? '' : 'clicked';"><div id="btnhome">Home</div></a>
    </div>

和CSS:

    #btnhome.clicked{
       background-color:#ff9014;
       height:50px;
    }

我已经做到了这一点，这确实使 div 在单击时发生变化，但它不会使 div 在单击后保持原样，这正是我希望实现的。

我有一个包含文本的橙色 div，上面是按钮所在的位置(我使用 div 作为按钮)。单击时我希望按钮变大并连接到另一个 div 以显示用户所在的页面。因此，我希望按钮在单击时加载页面，然后保持增加的大小，以此来查看您所在的页面。

Answer 1

不要切换类名。始终设置为单击。

onmousedown="javascript:(btn=document.getElementById('btnhome')).className = 'clicked';"