使用滑块使用Javascript更改图像CSS过滤器

我正试图通过使用滑块输入来更改png上的css过滤器（精确地说是色调旋转）。我不断得到“-webkit过滤器：色调旋转（未定义deg）”

谢谢你的帮助

这是我的密码：

函数hueffunction（hueVal）{
var setAs=hueVal+“度”
document.getElementById（“lgImage”）.setAttribute（“样式”，“-webkit过滤器：色调旋转（“+setAs+”）”）
}

将

oninput=“hueFunction（this.hueVal）”更改为
oninput=“hueFunction（this.value）”


函数hueffunction（hueVal）{
var setAs=hueVal+“度”
document.getElementById（“lgImage”）.setAttribute（“样式”，“-webkit过滤器：色调旋转（“+setAs+”）”）
}



将
oninput=“hueFunction（this.hueVal）”更改为
oninput=“hueFunction（this.value）”


函数hueffunction（hueVal）{
var setAs=hueVal+“度”
document.getElementById（“lgImage”）.setAttribute（“样式”，“-webkit过滤器：色调旋转（“+setAs+”）”）
}



您知道为什么不能使用类而不是ID吗？如果我将“getElementByID”替换为“getElementsByClassName”，它将不起作用。
getElementByID
返回单个元素，
getElementsByClassName
-元素数组。您需要指定要使用的元素，例如
GetElementsByCassName（'youClassName'）[0]
如何将其应用于该类的所有元素？例如，使用
for
循环。。完美的非常感谢。你知道为什么这不适用于类而不是ID吗？如果我将“getElementByID”替换为“getElementsByClassName”，它将不起作用。
getElementByID
返回单个元素，
getElementsByClassName
-元素数组。您需要指定要使用的元素，例如
GetElementsByCassName（'youClassName'）[0]
如何将其应用于该类的所有元素？例如，使用
for
循环。。完美的非常感谢。