时间戳

首页 > 解决方案 > 使用 js 更改显示后项目变得混乱

javascript - 使用 js 更改显示后项目变得混乱

问题描述

我在使用 js 更改元素的显示时遇到问题，整个事情似乎被挤进了 1 个单元格（扩展了另一行中的另一个单元格）。这是所描述的代码笔

链接到codepen

formTable.rows[i+2].style.display = 'none' }else{ formTable.rows[i+2].style.display = 'block'

如果我要隐藏所有行中的每个单元格，则如果将单元格设置为被阻止，则单元格最终会垂直显示。

我希望它只显示复选框列表中选定的行/列。

标签： javascripthtmlcss

解决方案

试试下一个

if(config == false){
  formTable.rows[i+2].style.display = 'none';
}else{
  formTable.rows[i+2].style.display = 'table-row';
}

您将display属性设置为，block但它应该是table-row用于正确显示表格的。

更多细节https://css-tricks.com/complete-guide-table-element/#article-header-id-10

推荐阅读