Question

基本上我想使用一个按钮使用CSS z-index将div带到前面，然后再次按下按钮时我希望它恢复到原始状态。

这是我到目前为止所获得的代码，它会很高兴第一次改变它，但它不会还原它。

function thumbnail(){
    if (document.getElementById("div").style.zIndex= -3){
        document.getElementById("div").style.zIndex= -2;
    }

    if  (document.getElementById("div").style.zIndex= -2){
        document.getElementById("div").style.zIndex= -3;
    }       
}

Answer 1

function thumbnail(){
    var depth = document.getElementById("div").style.zIndex;
    document.getElementById("div").style.zIndex = (depth == -3)? -2 : -3;
}

Answer 2

这个稍微高效的版本避免了多次遍历DOM：

function thumbnail () {
    var elStyle = document.getElementById ("div").style;
    elStyle.zIndex = elStyle.zIndex == -3 ? -2 : -3;
}

当您稍后返回此代码时，使用div作为id可能会引起混淆，请使用标识div功能的名称。

使用按钮在两种状态之间切换

2 个答案: