javascript - 当鼠标在按钮上时向上展开

Question

我正在尝试这样做:当鼠标在按钮上时，跨度的底部填充必须增加。 这是我的按钮:

<button class="btn btn-success btn-circle" id="myBtn" title="Go to top">
    <span id="move" class="fa fa-chevron-up"></span></button>

我尝试用 js 添加一个类，底部填充大于默认值(3px)。

我的类(class):

.set {
        padding-bottom:13px;
    }

这是我的js:

window.onload = function() {
        document.getElementById("myBtn").onmouseover = function() {
            document.getElementById("myBtn").classList.add(" set");
        }
    }

但这对我不起作用。 你能帮助我吗？ (我必须在鼠标不再位于按钮上时执行此操作，跨度的底部填充也将返回 3px)谢谢。

Answer 1

你可以简单地用 css 来做:

.btn-circle:hover span{
 padding-bottom:13px;
}

解释

 :hover // when mouseenter to elment

你必须这样做 padding-bottom:13px; 而不是 padding-bottom=13px;