使用脚本更改灰度

Question

为什么可以使用按钮更改灰度：

<button type="button" 
onclick="document.getElementById('id1').style.filter = 'grayscale(100%)'">

但是如果我把它放在脚本中呢？

<script>
document.getElementById("id1").style.filter = "grayscale(100%)";
</script>

我正在尝试默认情况下使图像灰度为100％（使用脚本），然后使用按钮更改灰度属性。按钮工作正常，脚本没有。

Answer 1

创建一个更改灰度的函数，然后从onclick调用此函数。

按钮将像这个标签：

<button type="button"onclick="greyScale">

脚本标记将像这个标记：

<script>
function greyScale()
{
document.getElementById("id1").style.filter="grayscale(100%)";
}
</script>