使用Javascript更改渐变

我在这里尝试的是让用户在允许背景更改之间进行多方选择。我没有纯色背景，而是渐变背景。用户输入是径向按钮，我将onClick设置为正在更改的函数color（）。然后，该函数将用于更改背景渐变颜色。我曾想过分配要更改的变量，但我不知道如何在CSS中使用它们。我也尝试过类似的方法，但也没有成功

document.getElementById("body1").style.background = radial-gradient(red, black); document.getElementById（“body1”）.style.background=径向渐变（红色、黑色）； 我的主体CSS如下所示：

#body1 { height: 137%; margin: 0; margin-bottom: 0; margin-top: 0; margin-left: 0; margin-right: 0; background-repeat: no-repeat; background-attachment: fixed; background: -webkit-radial-gradient(purple, black); background: -o-radial-gradient(purple, black); background: -moz-radial-gradient(purple, black); background: radial-gradient(purple, black); } #车身1 { 身高：137%； 保证金：0； 页边距底部：0； 边际上限：0； 左边距：0； 右边距：0； 背景重复：无重复； 背景附件：固定； 背景：-webkit径向梯度（紫色、黑色）； 背景：-o-径向梯度（紫色、黑色）； 背景：-莫兹径向梯度（紫色、黑色）； 背景：径向梯度（紫色、黑色）； } 若要查看完整的网站，请单击，我相信最终我会再次询问更多问题

谢谢大家

---

-Blake在JavaScript中，字符串必须用引号分隔：

target.style.backgroundImage = "radial-gradient(red, black)";

---

我们需要查看该文件的权限。请不要链接到您的站点，因为它很可能会发生更改，否则链接将失效，这将使资源对任何未来有类似问题的用户完全冗余。请直接在问题中包含所有相关代码，并使用（或类似）创建一个单独的演示来演示问题。更简单的方法是将不同的渐变样式分为不同的类，即：

.gradient1、.gradient2

，给它们明显更有意义的名称，而不是

#body1{}

并使用JavaScript切换类。这样，您还可以将表示（CSS）和逻辑（JavaScript）分开。它还使代码更易于维护。如果只需要更新这些类的样式，则不会更改脚本，等等。。