Установить цвет динамически

Question

Я работаю над проектом php, где у меня есть календарь и некоторые даты, поступающие из базы данных. когда я выбираю дату из календаря, тогда выделяются данные, поступающие из базы данных. Но это не работает для всех дат. Через javascript я могу добавить цвет фона, но не отображать его. Я делаю это из javascript.

вот мой код JavaScript

<script type="text/javascript"> 
    var cal_1 = new Calendar({ 
     element: 'calendar_1', 
     inline: true, 
     months: 3, 
     dateFormat: 'm/d/Y', 
     onSelect: function (element, selectedDate, date, cell) { 
     debugger; 

      var sd =selectedDate.split("/"); 
      var newdate = sd[2]+"-"+sd[1]+"-"+sd[0]; 
      var startDate = "startDate"; 
      var count = document.getElementById('countResult').value; 
      for(var i=1; i<= count;i++) 
      { 
      var start_date = document.getElementById(startDate+i).value; 
      var month = sd[0]-1; 
      var selectedDate = new Date(ss[2],month,ss[1]); 
      var splittedDate = start_date.split("-"); 
      var startDateInTextBox = new Date(splittedDate[0],splittedDate[1]-1,splittedDate[2]); 
      if(selectedDate.valueOf() === startDateInTextBox.valueOf()) 
      { 

       document.getElementById("tr_id"+i).style.backgroundColor = "lightGreen"; 

      } 
      else 
      { 
       document.getElementById("tr_id"+i).style.backgroundColor = "#FFFFFF"; 
      } 
      } 

      document.getElementById('date_1').value = newdate; 


     } 
    }); 


    </script> 

Но когда я просматриваю HTML я могу видеть, что цвет фона был добавлен в тр, но не отображать цвета. Может кто-то помочь мне.

Заранее спасибо.

Answer 1

TR полно TD и цвет не виден (позади TDs). Используйте ниже:

if (selectedDate.valueOf() === startDateInTextBox.valueOf()) 
{ 
    var tr = document.getElementById("tr_id"+i); 
    var tds = tr.children; 
    for (var i = 0; i < tds.length; i++) { 
    var td= tds[i]; 
    td.style.backgroundColor = "lightGreen"; 
    } 
}