如何通过javascript设置背景图像和渐变-无需使用dom样式属性的jquery

不确定设置背景图像和渐变的语法应该是什么（这样我可以使图像变暗）

我可以设置背景图像，但不确定如何设置线性渐变

  holder.style.background = 'url(' + event.target.result + ') no-repeat';
  holder.style.backgroundSize = 'cover';
  holder.style.backgroundlinearGradient = 'rgba(0, 0, 0, 0.7)'  //this doesn't work

另外，我是否可以在style.background中组合多个属性以在一行中设置所有3个大小、渐变和图像

---

请注意，我不能使用jquery，如果可能的话，我想通过设置dom属性来实现这一点。

现在我只是一个js新手，但是，我相信您可以将所有背景属性合并到一个更大的声明中，或者通过一些包含css信息的变量添加它们，例如：

var some_fancy_gradient = 'linear-gradient(red, blue)';
var some_fancy_image = 'your url'
yourelement.style.background = 'url('+some_fancy_image+') center center / cover no-repeat,'+some_fancy_gradient+' no-repeat';

不知道这是否是你想要的，但可能会为你指明正确的方向

此外，一些文件：

• &

---

现在我只是一个js新手，但是，我相信您可以将所有背景属性合并到一个更大的声明中，或者通过一些包含css信息的变量添加它们，例如：

var some_fancy_gradient = 'linear-gradient(red, blue)';
var some_fancy_image = 'your url'
yourelement.style.background = 'url('+some_fancy_image+') center center / cover no-repeat,'+some_fancy_gradient+' no-repeat';

不知道这是否是你想要的，但可能会为你指明正确的方向

此外，一些文件：

• &

---

现在我只是一个js新手，但是，我相信您可以将所有背景属性合并到一个更大的声明中，或者通过一些包含css信息的变量添加它们，例如：

var some_fancy_gradient = 'linear-gradient(red, blue)';
var some_fancy_image = 'your url'
yourelement.style.background = 'url('+some_fancy_image+') center center / cover no-repeat,'+some_fancy_gradient+' no-repeat';

不知道这是否是你想要的，但可能会为你指明正确的方向

此外，一些文件：

• &

---

现在我只是一个js新手，但是，我相信您可以将所有背景属性合并到一个更大的声明中，或者通过一些包含css信息的变量添加它们，例如：

var some_fancy_gradient = 'linear-gradient(red, blue)';
var some_fancy_image = 'your url'
yourelement.style.background = 'url('+some_fancy_image+') center center / cover no-repeat,'+some_fancy_gradient+' no-repeat';

不知道这是否是你想要的，但可能会为你指明正确的方向

此外，一些文件：

• &

---

---

---

我会先在没有javaScript的情况下尝试这一点。ie只是html和CSW为什么不使用jquery css（）一次性设置？无法在此环境中安装jquery，必须使用javascript作为对事件的异步响应进行设置。

linearGradient

不是css属性。它是

background

属性的值。如果要使图像变暗，可能您正在查找

过滤器
属性。请使用jQuery并添加/删除一个定义css值的类。我会先在不使用javaScript的情况下尝试此操作。ie只是html和CSW为什么不使用jquery css（）一次性设置？无法在此环境中安装jquery，必须使用javascript作为对事件的异步响应进行设置。
linearGradient
不是css属性。它是
background
属性的值。如果要使图像变暗，可能您正在查找
过滤器
属性。请使用jQuery并添加/删除一个定义css值的类。我会先在不使用javaScript的情况下尝试此操作。ie只是html和CSW为什么不使用jquery css（）一次性设置？无法在此环境中安装jquery，必须使用javascript作为对事件的异步响应进行设置。
linearGradient
不是css属性。它是
background
属性的值。如果要使图像变暗，可能您正在查找
过滤器
属性。请使用jQuery并添加/删除一个定义css值的类。我会先在不使用javaScript的情况下尝试此操作。ie只是html和CSW为什么不使用jquery css（）一次性设置？无法在此环境中安装jquery，必须使用javascript作为对事件的异步响应进行设置。
linearGradient
不是css属性。它是
background
属性的值。如果你想使图像变暗，也许你正在寻找
过滤器
属性。使用jQuery并添加/删除一个定义css值的类。js FIDLE非常棒，很棒的santa BTWBTW，连接所有这些属性的语法是什么，它们必须按一定顺序排列吗，什么时候使用斜杠或逗号-有什么地方记录了吗？谢谢，很乐意帮忙！稍后我将发布一些资源。另外，希望这有助于输出css类中的所有样式，只需在javascript中添加或删除className属性。看起来非常干净。js fiddle非常棒，很棒的santa BTWBTW，连接所有这些属性的语法是什么，它们是否必须按一定顺序排列，什么时候使用斜杠或逗号-有什么地方记录了吗？谢谢，很乐意帮忙！稍后我将发布一些资源。另外，希望这有助于输出css类中的所有样式，只需在javascript中添加或删除className属性。看起来非常干净。js fiddle非常棒，很棒的santa BTWBTW，连接所有这些属性的语法是什么，它们是否必须按一定顺序排列，什么时候使用斜杠或逗号-有什么地方记录了吗？谢谢，很乐意帮忙！稍后我将发布一些资源。另外，希望这有助于输出css类中的所有样式，只需在javascript中添加或删除className属性。看起来非常干净。js fiddle非常棒，很棒的santa BTWBTW，连接所有这些属性的语法是什么，它们是否必须按一定顺序排列，什么时候使用斜杠或逗号-有什么地方记录了吗？谢谢，很乐意帮忙！我稍后会发布一些资源。另外，希望这有助于输出css类中的所有样式，只需添加或删除javascript中的className属性。看起来很干净。