javascript 设置单元格背景颜色

这样吗????
<script type="text/javascript"> 
    function setThisBgColor(obj,color) 
    { 
    obj.style.backgroundColor=color    } 
    </script>   <table style="width: 100%; height: 250px;" id="table"> 
        <tr id="tr"> 
          <td style="width:500px" id="td1" > 
                设置该单元格的背景颜色 <input id="Text1" style="width:200px; height:22px" name="ThisBgColorValue" /> <input id="Button1" type="button" value="OK" onclick="setThisBgColor(this.parentNode,this.previousSibling.previousSibling.value)"/> (输入red或者#CCCCCC)
                <br /> 
                <br /> 
                <br /> 
                设置该单元格的文本颜色 <input id="Text2" style="width:200px; height:22px" />
                <input name="button" type="button" id="button" onclick="setThisBgColor(this.parentNode,this.previousSibling.previousSibling.value)" value="OK"/></td> 
            <td style="width:500px"> 
                设置该单元格的背景颜色 <input id="Text3" style="width:200px; height:22px" />
                <input name="button2" type="button" id="button2" onclick="setThisBgColor(this.parentNode,this.previousSibling.previousSibling.value)" value="OK"/>
                <br /> 
                <br /> 
                <br /> 
                设置该单元格的文本颜色 <input id="Text4" style="width:200px; height:22px" />
                <input name="button3" type="button" id="button3" onclick="setThisBgColor(this.parentNode,this.previousSibling.previousSibling.value)" value="OK"/></td> 
        </tr> 
    </table>