使用JavaScript向背景图像添加或更改线性渐变

根据我找到的文档，背景图像顶部的线性渐变的实现以以下语法绑定在一起：

背景图像：url（图像url），线性渐变（#color1，#color2）

我想操纵线性渐变，或者只添加一个完整的渐变，使用Javascript而不更改url。这可能吗？
希望您至少尝试自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究，要么通过谷歌，要么通过搜索，尝试一下。如果您仍然有问题，请返回您的代码并解释您尝试了什么以及为什么它不起作用。该链接似乎没有帮助。问题是我的语法是这样的：
style=“background:linear gradient（rgba（0,0,0,0.45），rgba（0,0,0,0.50）），url（'../sites/default/files/file.jpg'）”
。悬停时，我想更改线性渐变，但保持URL不变。