изменить значение цвета с помощью палитры цветов

Question

Как мне изменить bgcolor 'colorId'.Я попробовал код ниже, и я хочу, чтобы 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);
}