Question

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

Answer 1

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

2、看看页面效果。

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

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

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

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

Answer 2

需要准备的材料分别有：电脑、浏览器、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属性中的背景颜色设置为了橘色，宽度和高度也设置了。

Answer 3

解答：

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>

Answer 4

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

Answer 5

ie下，onclick="this.style.background='red';即可以设置当前节点的属性，还可以设置其他节点的属性；
ff下，onclick="this.style.background='red';只能设置当前节点的属性，不能设置其他节点的属性，如果要设置，则需要采用js代码！