怎么用onclick事件设置css中的属性

html-css012

怎么用onclick事件设置css中的属性,第1张

1、首先我们创建一个页面,写好一个button标签和一个提交的函数bb():。

2、看看页面效果。

3、我们在点击提交后移除onclick事件。

4、我们还应该在函数的末尾再恢复它。

5、当然如果你的事件很简单,你也可以直接写在onclick里面,如下面。

6、当执行这个函数的时候,就会弹出 ‘我执行了’,接下来我们需要在a连接中来调用它。

给按键加个点击事件,先获取到你要修改css的元素,然后把要改的加到事件里就可以了

var box = document.getElementById("box")

var btn = document.getElementById("btn")

btn.onclick = function () {

box.style.color = "#fff"

}

声明楼上的答复基本上是对的

但是,还是告诉你css3可以达成“处理click事件”类似的效果,比如checkbox,click后就能利用UI元素状态伪类来实现相应的变化,这种变化有点类似处理click事件,只是小范围的应用。

比如纯css3实现的checkbox按钮开关,你可以到mxria网站上看CSS3按钮开关的实现DEMO

css3在响应用户操作上很弱,基本上还是实现静态样式为主