以下是一个示例代码,演示如何解决按钮未高亮的问题:
在上面的示例中,我们首先定义了一个未高亮的按钮样式.btn
,并定义了一个高亮的按钮样式.btn.active
。然后,我们使用JavaScript代码来切换按钮的高亮状态。
highlightButton()
函数会在按钮被点击时触发。它首先通过document.querySelector('.btn')
获取到按钮元素,然后使用classList
属性来判断按钮是否已经具有.active
类。如果已经有这个类,则使用classList.remove('active')
来移除该类,使按钮变为未高亮状态。如果按钮没有.active
类,则使用classList.add('active')
来添加该类,使按钮高亮起来。
通过这种方式,我们可以根据按钮的高亮状态来切换按钮的样式,从而解决按钮未高亮的问题。