动态更改Webkit过滤器值

本文介绍了动态更改Webkit过滤器值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

我在努力改变

-webkit-filter: grayscale(30%);

如何使用javascript访问css webkit过滤器属性？

How could i access the css webkit filter attribute using javascript ?

p> Javascript ：

function changegrayscale(value) {
    document.getElementById("divID").setAttribute("style","-webkit-filter:grayscale(" + value + "%)")
}

HTML ：

<div id="divID" onclick="changegrayscale('30')">Clcik Me</div>

CSS：

CSS:

#divID {
    -webkit-filter: grayscale(70%);
    background: red;
    width: 100px;
    height: 100px;
}

这篇关于动态更改Webkit过滤器值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！