带Javascript的条带化表DOM
我想做一张桌子，把奇数行涂成黄色，把偶数行涂成蓝色。目前，我正在使用过滤方法，但这不起作用。JavaScript返回带Javascript的条带化表DOM,javascript,dom,Javascript,Dom,我想做一张桌子，把奇数行涂成黄色，把偶数行涂成蓝色。目前，我正在使用过滤方法，但这不起作用。JavaScript返回tableRows[i]。过滤器不是函数。我知道这在CSS中非常容易，但我仍然想尝试使用JavaScript 有什么想法吗 var tableRows=document.getElementsByTagName（'tr'）； 对于（i=0；i
tableRows[i]。过滤器不是函数。我知道这在CSS中非常容易，但我仍然想尝试使用JavaScript
有什么想法吗
var tableRows=document.getElementsByTagName（'tr'）；
对于（i=0；i
第1单元
第2单元
第三单元
第4单元
第5单元
第6单元
您可以改用CSS，应用：第n个子项（奇数）
和（偶数）
选择器：
表tr:n个子项（偶数）{
背景颜色：蓝色；
}
表tr：第n个子项（奇数）{
背景颜色：黄色；
}
第1单元
第2单元
第三单元
第4单元
第5单元
第6单元
在JavaScript中执行奇数/偶数操作的简单方法是使用运算符（%
）
请参见此示例：
var tableRows=document.getElementsByTagName（'tr'）；
对于（var i=0；i
第1单元
第2单元
第三单元
第4单元
第5单元
第6单元
为什么不使用CSS来设置表格的样式？我正在学习JavaScript domstuff@mplungjan呃，这个错误就是问题所在。@Brixsta不，它在这里不起作用，因为tableRows[i]
是一个（单个）DOM节点，而不是数组。@Brixsta我很确定它是一个对象（但数组也是）.或者只是保持他的简单循环，我倾向于使用声明式方法。我在答案中添加了一条注释，说明
-loop选项的同样有效。您能在这里解释一下逻辑吗，（I%2）？“蓝色”：“黄色”；这是一个三元运算符和一个模-如果我除以2不等于0，则为蓝色yellow@Brixsta所以基本上，如果i
可以被2整除，没有余数，它将是黄色的（因为i%2
将等于0
，这在JavaScript中是false
）；否则它将是蓝色的。