使用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);
}