javascript - Html 表格行对齐

Question

我试图根据选择的“域类型”（第一行中的第三个组合框）显示/隐藏行，这会破坏对齐方式。这是小提琴

如何有效地显示/隐藏行并保持对齐？

谢谢。

Answer 1

** 编辑 **
要“隐藏”元素，请使用“可见性”属性而不是“显示”属性

对于表，使用

style.visibility="collapse" and style.visibility="visible"

对于所有其他元素，使用

style.visibility="hidden" and style.visibility="visible"

Answer 2

用这个

   <script>
      function getTypes()
      {
          if(document.getElementById("displayType").value.indexOf("rlo")!=-1)
             {
                 document.getElementById("secondRow").style.visibility="visible";
                 document.getElementById("thirdRow").style.visibility="collapse";

              }
          else
              {
                  if(document.getElementById("displayType").value.indexOf("ft")!=-1)
                     {
                      document.getElementById("secondRow").style.visibility="collapse";
                      document.getElementById("thirdRow").style.visibility="visible";
                      }
               }
           }
</script>