Javascript 给所有IE版本一次性支持“N个孩子”的最佳方式是什么?
为所有IE版本提供一次性支持的最佳方式是什么 我想要这样的风格。对于某些特定页面Javascript 给所有IE版本一次性支持“N个孩子”的最佳方式是什么?,javascript,css,Javascript,Css,为所有IE版本提供一次性支持的最佳方式是什么 我想要这样的风格。对于某些特定页面 #products tr:nth-child(even) { background-color: red; } #products tr:nth-child(odd) { background-color: white; } 至少为IE7/8提供对这些和许多其他CSS3选择器的“本机”支持 但是这里你会遇到IE7的问题,它不支持tr的背景色为这些和许多其他CSS3选择器提供“本地”支持,至少支持IE7
#products tr:nth-child(even) {
background-color: red;
}
#products tr:nth-child(odd) {
background-color: white;
}
至少为IE7/8提供对这些和许多其他CSS3选择器的“本机”支持
但是这里你会遇到IE7的问题,它不支持tr的背景色为这些和许多其他CSS3选择器提供“本地”支持,至少支持IE7/8
但是这里你会遇到IE7的一个问题,它不支持tr的background color
,你可以用javascript来实现
var table = document.getElementById('products');
var rows = table.getElementsByTagName('tr');
for (var i = 0; i < rows.length; ++i)
{
if ( (i % 2) == 0 )
{
rows[i].className = 'even';
}
}
如果您使用了javascript库,则可以执行以下操作:
$('#products tr:even').addClass('even');
你可以用javascript来实现
var table = document.getElementById('products');
var rows = table.getElementsByTagName('tr');
for (var i = 0; i < rows.length; ++i)
{
if ( (i % 2) == 0 )
{
rows[i].className = 'even';
}
}
如果您使用了javascript库,则可以执行以下操作:
$('#products tr:even').addClass('even');
您也可以在jQuery中这样做,他们很可能已经解决了您的跨浏览器问题
$('#products').children('tr:even').css('background-color', 'red');
$('#products').children('tr:odd').css('background-color', 'white');
您也可以在jQuery中这样做,他们很可能已经解决了您的跨浏览器问题
$('#products').children('tr:even').css('background-color', 'red');
$('#products').children('tr:odd').css('background-color', 'white');
我制作了一些应该在每个浏览器中都可以使用的东西:
var nthChild=函数(元素,数值){
var len=元素长度;
var-ret=[];
//:第n个子项(num)
如果(!isNaN(数字(num))){
对于(变量i=0;i 对于(var i=parts[2]-1;i
var nthChild=函数(元素,数值){
var len=元素长度;
var-ret=[];
//:第n个子项(num)
如果(!isNaN(数字(num))){
对于(变量i=0;i 对于(var i=parts[2]-1;i