<br> 当 div 不可见时会很痛苦

Question

所以我制作了 3 个 div，一个比另一个稍高一点，每个 div 之间用

<br>

分隔。然而，当我的函数隐藏其中一个时，

<br>

仍然存在，因此当所有其他 div 都被隐藏时，每个 div 都会放错位置。 （我不擅长解释，请看一下）

<div id="myDiv1">div 1</div> <br>

<div id="myDiv2">div 2</div> <br>

<div id="myDiv3">div 3</div>

<script>
function hide1() {
  var x = document.getElementById("myDiv1");
  if (x.style.display==="none") {
    x.style.display="block";
  }
  else {
    x.style.display="none";
  }
}

我还有 2 个用于其他 div 的函数。有人可以帮助我吗？ （抱歉，如果这是一个愚蠢的问题）

我尝试将

<br>

放入

<div>

中，希望

<br>

的可见性也没有，但它只是没有读取它。

Answer 1

你没有隐藏

<br>

。
你只是隐藏了

<div>

。 您应该给

<br>

元素 id 或类，然后用 js 脚本隐藏它们。