Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 给所有IE版本一次性支持“N个孩子”的最佳方式是什么?_Javascript_Css - Fatal编程技术网

Javascript 给所有IE版本一次性支持“N个孩子”的最佳方式是什么?

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

为所有IE版本提供一次性支持的最佳方式是什么

我想要这样的风格。对于某些特定页面

#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