Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.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/4/json/15.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中的每个tr元素指定背景色?_Javascript_Html_Css - Fatal编程技术网

如何为javascript中的每个tr元素指定背景色?

如何为javascript中的每个tr元素指定背景色?,javascript,html,css,Javascript,Html,Css,我有多个tr,颜色如下 <tr bgcolor="#OC6110"> <tr bgcolor="#000000"> <tr bgcolor="#FFFFFF"> 我想为每个tr元素指定不同的bg颜色,而不指定其id值。我需要在javascript或CSS中进行更改。我不想接触HTML 可能吗 已经有一些颜色是用html给出的。我需要在不触碰html的情况下覆盖它。您可以使用以下函数获得随机颜色 function get_color() { var

我有多个tr,颜色如下

<tr bgcolor="#OC6110">
<tr bgcolor="#000000">
<tr bgcolor="#FFFFFF">

我想为每个
tr
元素指定不同的bg颜色,而不指定其id值。我需要在javascript或CSS中进行更改。我不想接触HTML

可能吗


已经有一些颜色是用html给出的。我需要在不触碰html的情况下覆盖它。您可以使用以下函数获得随机颜色

function get_color() {
    var lt= '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += lt[Math.round(Math.random() * 15)];
    }
    return color;
}


更新:

根据注释,您可以将颜色值存储在数组中,并按如下方式使用它们:

var myColors = ['#f00','#ff0','#fff'];//store the color values here

$("tr").each(function() {
   for(var i=0; i<myColors.length;i++){    
     $(this).css("background-color", myColors[i]);
   }
});
function colourAllTrs()
{
  var trList = document.getElementsByTagName('tr');
  var i, n = trList.length;
  for (i=0; i<n; i++)
  {
    newColor = '#123456';
    trList[i].setAttribute('bgcolor', newColor);
  }
}
var myColors=['#f00'、'#ff0'、'#fff']//在此处存储颜色值
$(“tr”)。每个(函数(){
对于(var i=0;i您可以使用jquery

$('tr:odd').css("background-color", "#OC6110");

$('tr:even').css("background-color", "#000000");
你也可以试试这个

$(function() {
    $("table tr").each(function() {
        var color = 'rgb(' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ')';
         $(this).css("background-color", color);
    });
});

是的,您可以使用
document获得所有
tr
元素的列表。getElementsByTagName('tr')
然后您可以使用
setAttribute('bgColor',yourNewTextStringRepresentingAColorHere);

大概是这样的:

var myColors = ['#f00','#ff0','#fff'];//store the color values here

$("tr").each(function() {
   for(var i=0; i<myColors.length;i++){    
     $(this).css("background-color", myColors[i]);
   }
});
function colourAllTrs()
{
  var trList = document.getElementsByTagName('tr');
  var i, n = trList.length;
  for (i=0; i<n; i++)
  {
    newColor = '#123456';
    trList[i].setAttribute('bgcolor', newColor);
  }
}
函数coloralltrs()
{
var trList=document.getElementsByTagName('tr');
变量i,n=trList.length;

对于(i=0;i请尝试此JavaScript解决方案

var colors = ['#999999','#000000','#cccccc'],
    myTrs = document.getElementsByTagName('tr');

for(i=0, len = myTrs.length; i < len; i++){
    myTrs[i].style.backgroundColor = colors[i % colors.length]
};
var colors=['#999999'、'#000000'、'#cccc'],
myTrs=document.getElementsByTagName('tr');
对于(i=0,len=myTrs.length;i

我想提及每个tr的特定bgcolor。如何从html页面中识别特定tr?我需要javascript或CSS。不需要jqueryExplain请回答。带索引的行#0带索引的行#1带索引的行#带索引的行#2带索引的行#3$(“tr:odd”).CSS(“背景色”),“#bbbbbbff”)$('tr:偶数”).CSS(“背景色”,"#000000");我在没有指定id值的情况下提到了什么是myTable?这是我们在html中提到的表名,对吗?我在没有更改html的情况下问过。我需要用css或javascript编写代码。是的,它是html中的标记名,我们在HTMLD中没有做任何更改。您知道如何通过计算计数来更改tr bgcolor吗在html页面中