php - 如何使用 JavaScript 将 的背景颜色更改为一种颜色，然后再恢复为默认颜色？

Question

我有一个 <table>这是从 mysql 填充的数据库使用php . <tr style="background-color:;">存储在数据库中的每条记录。我做了一个小Javascript这样当用户选择(onfocus)或取消选择(onblur)时，<input> , <tr>会改变颜色。我已将其设置为选中时颜色为红色，但我希望它在取消选中后恢复为默认颜色。

这是我的代码片段，位于 while() 中循环，其中 $i递增:

<tr id="row$i">
<td><input type="text" onfocus="attON('row$i')" onblur="attOFF('row$i')"></td>
</tr>    

这是我的功能:

function attON(id)
    {
    var row = document.getElementById(id);
    row.style.backgroundColor = "#FF0000";
    }

function attOFF(id)
    {
    var row = document.getElementById(id);
    row.style.backgroundColor = "";
    }

我相信您会猜到，backgroundColor不会改回默认值，它会更改为 <table>颜色代替。我在想也许可以捕获 function attON(id) 中的默认颜色并将其设置为全局变量就是答案，但我不知道该怎么做。显然欢迎任何其他想法。干杯!

Answer 1

尝试编辑这个:

    function attOFF(id)
    {
        var row = document.getElementById(id);
        row.style.backgroundColor = "";
    }

为此:

    function attOFF(id,realcolor)
    {
        var row = document.getElementById(id);
        row.style.backgroundColor = realcolor;
    }

然后将 attOFF('row$i') 更改为 attOFF('row$i','将 PHP 代码放在这里以显示 tr 标签的真实颜色')