将颜色设置为动态 tr答案

【问题标题】：Set color to tr dynamically将颜色设置为动态 tr
【发布时间】：2015-02-14 15:00:10
【问题描述】：

我正在做一个 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 时，我可以看到背景颜色已添加到 tr 但它不显示颜色。谁能帮帮我。

提前致谢。

【问题讨论】：

标签： javascript php html

【解决方案1】：

TR 充满了 TD，颜色不可见（在 TD 后面）。在下面使用：

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";
   }
}

【讨论】：