大家好，我的开源项目PakePlus可以将网页/Vue/React项目打包为桌面/手机应用并且小于5M只需几分钟，官网地址：pakeplus.com
不规则的表格数据，要实现动态更换上下行的背景色，并且每一行里面的内容都不一样，而且有的行数据可能不存在，要动态切换，怎么实现跨行背景色切换？
通过js动态
等页面渲染完成后，通过js动态获取tbody下的所有tr标签，然后遍历标签也给偶数和奇数行分配不同的class即可实现
// 获取tbody下的tr标签，并遍历每个tr标签，将偶数行添加two类，奇数行添加one类
const trs = document.querySelectorAll('#tableBody tr')
trs.forEach((tr, index) => {
if (index % 2 === 0) {
tr.classList.add('two')
} else {
tr.classList.add('one')
}
})也可以同台设置不同行的位置，将第二行放在第一行上面
const container = document.getElementById('tableBody')
const scanPadRow = document.getElementById('scanPadRow')
const redBlueRow = document.getElementById('redBlueRow')
if (container && scanPadRow && redBlueRow) {
scanPadRow.classList.remove('two')
scanPadRow.classList.add('one')
redBlueRow.classList.remove('one')
redBlueRow.classList.add('two')
container.insertBefore(redBlueRow, scanPadRow)
}
