tml设置好了10表格每行都设置好样式，都正常显示，为了需要隐藏了后6行，当满足条件后开始逐步显示每一行，我是用的currentRow.nextElementSibling代码显示的下一行，但显示的行的样式乱了，请提供代码

当你想要动态地隐藏和显示HTML表格中的行，并保持样式一致，可以使用JavaScript来控制`<tr>`元素的可见性。如果你之前已经为表格设置了CSS样式，那么关键在于如何在切换行的显示状态时，同时更新对应的CSS规则。

假设你的表格结构如下：

<table id="myTable">
    <tr class="row-style"> ... </tr>
    <!-- 更多行 -->
    <tr class="row-style" style="display:none;"> ... </tr>
    <!-- 隐藏的行 -->
</table>

并且你有一个变量`visibleRows`用于跟踪当前可见行的数量和范围，以及`currentRow`表示当前正在处理的行。你可以使用类似这样的代码：

function toggleRow(rowIndex) {
    var table = document.getElementById('myTable');
    var row = table.rows[rowIndex];

    // 如果该行已经是隐藏状态，则显示它并更新样式
    if (row.style.display === 'none') {
        row.style.display = '';
        updateRowStyle(rowIndex); // 更新样式函数
    }
    // 否则隐藏它
    else {
        row.style.display = 'none';
    }
}

function updateRowStyle(index) {
    var row = document.querySelector('#myTable tr.row-style:nth-child(' + (index + 1) + ')');
    row.style.cssText = '/* 使用你的CSS样式 */'; // 替换这里的样式
}

// 满足条件后显示下一行
var currentRowIndex = 0;
if (someConditionIsMet()) { // 你的条件判断在这里
    toggleRow(currentRowIndex);
    currentRowIndex++;
}

记得替换`updateRowStyle`函数中的`/* 使用你的CSS样式 */`部分，以确保样式能够正确应用到当前显示的行上。