Javascript - 隐藏Div

Question

抱歉，我是新手堆叠溢出所以希望我正确地做到这一点。

我有以下代码：

{
  if (session.findById("T1").text == "") {
    document.getElementById("W1").style.display = 'none';
  } else {
    document.getElementById("W1").style.display = 'inline';
  }
}

基本上，如果T1为空，则表示W1不应显示。如果T1不为空，则会显示W1。

我无法让它发挥作用，然后单独尝试：

document.getElementById("W1").style.display = 'none';   

该项目会迅速消失（闪烁），但之后又会再次出现。所以它有点工作，但我希望它永远隐藏起来。当然，除非T1包含文字，否则它应该重新出现。

我该如何解决？

谢谢！

Answer 1

嘿，看看我的例子

function isEmpty() {
  var sample = document.getElementById("sample");
  var div = document.getElementById("divko");
  if (sample.value.trim() == "") {
    div.setAttribute("style", "display:none;");
  } else {
    div.removeAttribute("style");
  }
}

<input id="sample" name="sample" onkeyup="isEmpty()">
<div id="divko" style="display:none;">Sample</div>

Answer 2

您可以使用以下隐藏选项

document.getElementById("W1").style.display = 'block';