用js成功地完成了转换，但是为什么我的另一种方法不起作用？

用js成功地完成了转换，但是为什么我的另一种方法不起作用？

• 我的演示jsfiddle
• 当我再次单击
• ，但注释代码无效，并且下面的代码正常工作时，我想要的是反向转换”>

let dbclickre = true;
function flipped() {
    if (dbclickre) {
        document.querySelector(".linkrec").setAttribute("Id", "flipped");
    } else {
        document.querySelector(".linkrec").removeAttribute("Id", "flipped")
    }
    dbclickre = !dbclickre;
}

• 下面是注释的代码（我认为当我第一次单击最后一个
• 时，js将执行if语句（的确可以正常工作），但是当我再次单击时，else语句并没有执行（但是我设置了#flipped .reverse {background：whitesmoke}）。为什么会这样？）

// const dbclickre = document.querySelector(".reverse");
// function flipped() {
//     if (dbclickre.style.backgroundColor = 'white') {
//         document.querySelector(".linkrec").setAttribute("Id", "flipped");
//     } else {
//         document.querySelector(".linkrec").removeAttribute("Id", "flipped")
//     }
// }

我的演示jsfiddle我再次单击

时我想要的是一个反向转换，但是注释的代码无效，并且下面的代码可以正常工作，让dbclickre = true;函数flipped（）{...

回答如下：

您可以检查Id属性的存在，而不是依靠背景色来检查翻转的状态。这里是更改后的代码：