点击按钮改变div的颜色

注意点：javascript中获取类的标签为classname

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</script>
<style type="text/css">
.day{
background-color:green;
}
.neight{
background-color:#eee;
}
</style>
</head>
<body>
<div id="divTest" class="day">
<font color="#ccc">内容</font>
</div>
<input type="button" value="提交" οnclick="document.getElementById('divTest').className='neight'"/>

</body>
</html>

点击按钮改变div的颜色相关推荐

html5单击修改背景色,用获取节点的方式实现点击按钮改变标签背景颜色的问题...
跟着视频敲的,视频里的能实现,我的不行,有onclick事件,但是背景色不变html> 点击设置p标签背景色 div { width: 200px; height: 400px; border: ...
html改游戏聊天字体颜色,html点击按钮改变字体颜色怎么实现
html点击按钮改变字体颜色的实现方法:1.创建一个html文件:2.在html文件中添加html代码架构:3.在body标签里面使用button标签实现一个按钮,并使用style给按钮添加样式以及使 ...
html点击展开盒子变大,JS实现点击按钮控制Div变宽、增高及调整背景色的方法
本文实例讲述了JS实现点击按钮控制Div变宽.增高及调整背景色的方法.分享给大家供大家参考.具体如下: 这里使用JavaScript实现点击按钮后改变DiV的高度.宽度和背景色等,点击对应按钮,Div ...
ImageButton点击按钮改变图片
一.ImageButton点击按钮改变图片 **************************ImageButton点击按钮改变图片有两种写法*************************** ...
点击按钮控制div隐藏和显示
要求:有一个按钮,点击按钮使得div消失,之后将按钮文字改变为显示,再次点击按钮使得div出现,依次类推.效果如下图方法一引入vue <html><head>< ...
React 点击按钮显示div与隐藏div
<!DOCTYPE html> <html><head><meta charset="UTF-8" /><title>R ...
react实现div隐藏_React 点击按钮显示div与隐藏div
React 点击按钮显示div与隐藏div .m-test{width: 100px;height: 100px;background-color: red;} class Toggle extend ...
Bootstrap—点击按钮控制div隐藏和显示的切换（图文详情）
Bootstrap-点击按钮控制div隐藏和显示的切换第一步:bootstrap有一个open类用来控制隐藏和显示,动态获取open是true还是false,并且点击按钮让toggle的true和f ...
点击按钮显示div并向div中传递参数
针对菜单显示的内容,点击每一个按钮后,需要显示详细信息,详情页是一个div,点击一行才会显示,显示的内容则是根据选中的按钮. 引申出来,比如一个订单列表,点击一行,则弹出一个div展示订单详情,而详情 ...

点击按钮改变div的颜色

点击按钮改变div的颜色相关推荐

最新文章

热门文章