要使表格中的行不可见,可以使用CSS来控制行的显示和隐藏。以下是一个示例代码:
HTML代码:
列1
列2
列3
行1内容
行1内容
行1内容
行2内容
行2内容
行2内容
行3内容
行3内容
行3内容
CSS代码:
tr.hidden {
display: none;
}
JavaScript代码:
// 隐藏第二行
var rowToHide = document.getElementsByTagName('tr')[1];
rowToHide.classList.add('hidden');
在上面的示例中,通过给需要隐藏的行添加一个CSS类名hidden
,并设置该类的display
属性为none
,来实现隐藏行的效果。通过JavaScript代码,可以使用classList.add()
方法将hidden
类名添加到需要隐藏的行上,从而动态控制行的显示和隐藏。