javascript：从 true 切换到 false 有效，但 false 到 true 不起作用

Question

我想切换 div 的属性，但切换只能从 True 到 false；

<div class="thisDiv" isshown="true">
  click here
</div>

let div = document.querySelector(".thisDiv")

div.addEventListener("click", function(){
    var isShown = div.getAttribute("isshown");
    
    isShown = !isShown;
    div.setAttribute("isshown", isShown);
})

这是我制作的小提琴代码： https://jsfiddle.net/tm57kadf/5/

Answer 1

getAttribute返回一个字符串。 非空字符串是真值，因此添加 NOT(.) 运算符会将其转换为假，但反之则不然。

Answer 2

属性是字符串，因此您需要确定什么是真什么是假。 我通常将'1'设置为 true，将空字符串设置为 false。 这是您的代码，已修复：

 let div = document.querySelector(".thisDiv") div.addEventListener("click", function(){ console.log("") var isShown = div.getAttribute("isshown")? true: false; console.log(`before: ${isShown}`) isShown =;isShown. div,setAttribute("isshown"? isShown: '1'; ''). console:log(`after: ${isShown}`) })

 <div class="thisDiv" isshown="true"> click here </div>