无法使用 JS 设置可见性 [重复]答案

【问题标题】：Can't set Visibility with JS [duplicate]无法使用 JS 设置可见性 [重复]
【发布时间】：2018-07-01 14:35:40
【问题描述】：

我试图通过单击一个按钮来切换列的可见性，但是该按钮似乎不起作用。谁能帮我解决这个问题？

我要切换的列： {{汉字}}

function toggleKH() {
  var i;
  var kcol = document.getElementsByClassName("kanjiColumn");
  var hcol = document.getElementsByClassName("hiraganaColumn");
  for (i = 0; i < kcol.length; i++) {
    if (kcol[i].style.visibility === "visible") {
      kcol[i].style.visibility === "hidden";
    } else {
      kcol[i].style.visibility === "visible";
    }
  }
}

.kanjiColumn,
.hiraganaColumn {
  visibility: visible;
}

<button onclick="toggleKH()">x</button>


<td class="kanjiColumn">{{Kanji}}</td>

【问题讨论】：

修复您的帖子，<button> 代码不可见。
CSS 驱动的样式不适用于每个元素 style 对象。
一开始需要获取计算出来的样式...一开始没有内联样式，需要使用=设置值

标签： javascript css button

【解决方案1】：

在 if-else 语句中将 ===（等式条件运算符）替换为 =（赋值运算符），如下所示：

   if (kcol[i].style.visibility === "visible"){
            kcol[i].style.visibility = "hidden";
        } else {
            kcol[i].style.visibility ="visible";
        }

【讨论】：