javascript - ボタンを使用して 2 つの状態を切り替える

Question

基本的に、ボタンを使用して CSS を使用して div を前面にz-index出し、ボタンをもう一度押すと元の状態に戻したいと考えています。

これは私がこれまでに取得したコードであり、最初は喜んで変更されますが、元に戻すことはありません。

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;
}

ID として使用divすると、後でこのコードに戻ったときに混乱する可能性があります。div の機能を識別する名前を使用してください。