使用颜色选择器更改wordpress小部件区域文本，背景颜色

Question

在我的Wordpress博客中，我创建了一个小工具，它有3个颜色选择器作为输入字段。它们中的每一个都允许窗口小部件用户自定义文本，背景和按钮颜色的颜色。现在的问题是，我还没有找到一个有效的解决方案。这是我尝试过的：

<script type="text/javascript">
    document.getElementById("wid-small-div").style.color = <?php echo '"#' . $instance['text-color'] . '"';?>;
    document.getElementById("wid-small-div").style.background = <?php echo '"#' . $instance['bg-color'] . '"';?>;
</script>

此脚本是在我的widget类的小部件（$ args，$ instance）函数中编写的。

此外，在同一个地方使用此javascript只更改了我的短代码div，适用于短代码。为什么它不适用于小部件？

小部件的div id是“wid-small-div”。

可以解决什么问题？ 谢谢。