javascript - 动态应用 CSS 过滤器

Question

如何动态应用 CSS 过滤器？我已经为 Chrome 尝试了以下内容。

image.style = "-webkit-filter: brightness(50%);";

Answer 1

您应该将值设置为 webkitFilter 属性，而不是 style 对象。此语法 will work :

image.style.webkitFilter = "brightness(50%)";

如果您不知道 JavaScript 属性名称，您可以通过 CSS 属性引用它(如建议的 karaxuna，will work too ):

image.style["-webkit-filter"] = "brightness(50%)";