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

如题所述

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

2、看看页面效果。

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

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

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

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

温馨提示:内容为网友见解,仅供参考
第1个回答  2019-07-12

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<script>标签中,输入js代码:

function fun() {

$('button').css('width', '200px');

$('button').css('height', '80px');

$('button').css('background-color', 'orange');

}

3、浏览器运行index.html页面,此时点击按钮,触发onclick事件,将按钮css属性中的背景颜色设置为了橘色,宽度和高度也设置了。

本回答被网友采纳
第2个回答  2017-06-06

解答:

1,实例一(直接使用html代码)

html代码:

<div style="cursor:pointer;width:100px;height:100px;" 
       onclick="this.style.background='red';">点我</div>

2,实例二(js代码+html代码)

js代码:

function changeStyle(obj){
      obj.style.background='red';
}

html代码:

<div style="cursor:pointer;width:100px;height:100px;" 
          onclick="changeStyle(this)">点我</div>

第3个回答  2020-12-17

Vue实践-CSS样式position/display/float属性对比使用

第4个回答  2012-05-08
ie下,onclick="this.style.background='red';即可以设置当前节点的属性,还可以设置其他节点的属性;
ff下,onclick="this.style.background='red';只能设置当前节点的属性,不能设置其他节点的属性,如果要设置,则需要采用js代码!
相似回答