javascript - 动态隐藏列表中的元素，隐藏元素不占用页面上的空白空间

Question

我需要根据用户的行为隐藏元素。如果他按“a only”，我可以说类似的话

for(i=0;i<document.getElementsByClassName("b").length;i++){
      document.getElementsByClassName("b")[i].style.visibility="hidden";
 }

但这会在列表中的元素之间留下空白(不可见元素仍然占据空间)，这看起来很糟糕，有没有更好的方法可以做到这一点。

Answer 1

试试 style.display="none"

使用 visibilty="hidden"，元素仍将占用其在页面上的计算空间。

您也可以考虑使用 jQUery。它使此类任务变得异常简单。