用colorPicker更改颜色值

Question

如何更改'colorId'的bgcolor。我尝试了下面的代码，并且我想让bgcolor在值'val'中更改。但从那时起我做错了什么。

<script type="text/javascript"> 

     function updatevariable(elm) { 

      val = elm; 
      var divElement = document.getElementById(colorId); 
      divElement.bgcolor = val; 
     } 
    </script> 


<table width="150" border="0" cellspacing="1" cellpading="0" align="center"> 
<tr> 
<td bgcolor="#190707" onclick="updatevariable(this.bgColor)">&nbsp;</td> 
<td bgcolor="#fa5858" onclick="updatevariable(this.bgColor)">&nbsp;</td> 
<td bgcolor="#F4FA58" onclick="updatevariable(this.bgColor)">&nbsp;</td> 
<td bgcolor="#00FF00" onclick="updatevariable(this.bgColor)">&nbsp;</td> 
<td bgcolor="#fbefef" onclick="updatevariable(this.bgColor)">&nbsp;</td> 
</tr> 
<tr> 
<td id='colorId' bgcolor="#F4FA58">&nbsp;</td> 
</tr> 
</table> 

Answer 1

如果切换到jQuery的你可以代替做到这一点：

function updatevariable(elm){ 
    var val = elm; 
    $('#colorId').css('background-color', val); 
} 

刚刚发现你的错误。使用下面的代码，它会工作。

function updatevariable(elm) { 
    var val = elm; 
    var divElement = document.getElementById("colorId"); 
    divElement.setAttribute("bgcolor", val); 
}