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

发布网友发布时间：2022-04-22 23:05

我来回答

共6个回答

热心网友时间：2022-04-06 13:45

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

2、看看页面效果。

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

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

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

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

热心网友时间：2022-04-06 15:03

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

热心网友时间：2022-04-06 16:38

解答：

1，实例一（直接使用html代码）

html代码：

2，实例二（js代码+html代码）

js代码:

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

html代码:

热心网友时间：2022-04-06 18:46

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

热心网友时间：2022-04-06 21:10

1楼太麻烦了吧。。直接onclick="this.style.background='#fff'"> style后面的属性自己更换

热心网友时间：2022-04-06 23:52

例子1:
html代码:
<div style="cursor:pointer;width:100px;height:100px;" onclick="this.style.background='red';">点我</div>

例子2:
js代码:
function changeStyle(obj){
obj.style.background='red';
}
html代码:
<div style="cursor:pointer;width:100px;height:100px;" onclick="changeStyle(this)">点我</div>

全部栏目

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