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

在我的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>

document.getElementById（“wid small div”）.style.color=；
document.getElementById（“wid small div”）.style.background=；

这个脚本是在我的widget类的widget（$args，$instance）函数中编写的

此外，在同一位置使用此javascript，仅为我的短代码更改了div，对短代码有效。为什么它不适用于小部件

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

解决办法是什么？

---

谢谢。

刷新页面后它能工作吗？例如，拖动新的小部件，不工作，保存小部件，刷新页面，…？对不起。我不明白你说的是后端吗？刷新页面后它的行为是否有所不同？不，它在任何情况下都不起作用。Shortcode是wordpress的另一项功能。您不能将它作为

样式

属性添加到div中吗？