Js 通过点击改变css样式
通过js 点击按钮去改变目标原始的背景颜色
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Change.html</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"><!--<link rel="stylesheet" type="text/css" href="./styles.css">--><script language="javascript">function test4(event) {if(event.value == "11") {//?取div1var div1 = document.getElementById('div1');div1.style.backgroundColor="black";}if(event.value == "22") {//?取div1var div1 = document.getElementById('div1');div1.style.backgroundColor="red";}}</script>
</head>
<body><div id="div1" style="width:400px; height:300px; background-color:red;">div1</div><input type="button" value="11" οnclick="test4(this)"/><input type="button" value="22" οnclick="test4(this)"/></body>
</html>
Js 通过点击改变css样式相关推荐
- Vue.js实现简单的按钮点击改变css样式
本人是前端的初学者,也在自学Vue.js,在自己编写系统的过程遇到的小问题,在这里分享给大家,若有什么不对的地方还请各位指正喔(づ ̄ 3 ̄)づ 一.效果 二.前端代码 这是静态页面代码部分(就两个简单 ...
- html 点击增加样式,js点击添加css样式 css添加jq点击事件 JavaScript点击增加css样式...
js可实现点击后对div或者其他标签增加或者删除css样式,从而达到实现点击触发某种效果的目的.页面样式可以通过style修饰,也可以通过css修饰,改变css或者添加css可以改变页面的排版.代码如 ...
- javascript鼠标点击实现改变CSS样式
javascript通过改变元素class名达到间接改变CSS样式 CSS: /* 字体链接样式 */ td.firstLevelMenuClass a:link {color: #3E8BAC; t ...
- 重学前端第一阶段完 钢琴项目(document.querySelector js改变css样式的3种方式 思路 成品)
菜鸟学完之后,总是感觉学了也还是不会,主要就是因为没有实践,不知道自己到底哪里有问题!虽然说我还没复习完,前端很大一部分都处于模糊阶段,但是感觉还是应该先尽力做一个简单的东西,把这几天学的都用进去,遇 ...
- js基础总结——js 获取元素节点、js 绑定onclick事件、js 获取属性 修改属性值、js 获取子元素、js 改变css样式
参考书籍:<JavaScript DOM编程艺术 第2版> 本博客代码的测试页面是:https://www.layui.com/ js dom操作 js 获取元素节点 一份document ...
- 如何通过js改变css样式,如何通过JS 动态改变CSS样式
如何通过JS 动态改变CSS样式0 豆豆dou...2013.09.15浏览640次分享举报 .TLIWREGION3CSS { position:absolute; left:32px; top:4 ...
- js如何修改html样式,怎么用js改变css样式?
怎么用js改变css样式?下面本篇文章给大家介绍一下使用JavaScript改变css样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 怎么用js改变css样式? 1.通过 ...
- JS行间改变css的方法,js改变css样式的三种方法推荐
共用代码: this is a div var div=document.getElementById('div'); 第一种:用cssText div.style.cssText='width:25 ...
- js函数改变html样式,JavaScript改变CSS样式的方法汇总
JavaScript允许你即时的改变CSS样式,这样就可以将用户的眼球吸引到你想他们关注的地方上,并且提供较好的交互体验给力 . JavaScript修改CSS有4种方法: 修改节点style(内联样 ...
最新文章
- IntelliJ IDEA详细配置
- PowerDesigner连接SqlServer数据库
- java csf_WebService CSF使用详解 | 学步园
- reload端口 tomcat_tomcat上部署网站的三种方式
- 还在用 Dockerfile 部署 Spring Boot?out 啦!试试谷歌的大杀器 Jib
- datatype未定义是什么意思_TypeError:无法读取未定义的属性'then'
- Ubuntu16.4 将python3.5重新切换为python2.7后,pip运行出错
- ionic 去掉启动页的加载动画 菊花转
- Winscp使用sudo user登录
- 如何将pdf转换成txt破解版
- VB全局热键(快捷键)
- 计算机的工作原理(冯诺依曼体系)
- Oracle数据库语句大全
- 【Android -- 开源库】Gson 的基本使用
- mac更新系统版本后的安装包路径
- 截取邮箱后缀名,拼接访问邮箱地址
- IAR在写结构体时不提示_如何写好个人事迹?
- Prometheus-监控主机基础指标配置及告警
- Byte Pair Encoding
- html img素材,html使用img标签和背景图片之间的区别
热门文章
- 03-03 APP 控件定位
- 7添加静态路由 hat red_win7系统怎么使用dos命令添加静态路由
- 机器学习方向企业面试题(二)
- 前端JavaScript开发中需要注意的代码问题
- 12 个实用的前端开发技巧总结
- python编码规范简单总结
- 7-4 sdut-运输计费问题 (10 分)python
- java ftp 上传文件到服务器,java实现ftp上传文件到服务器
- mysql没有实体框架_NET实体框架数据库更新未在MySQL数据库中创...
- 魔术方法 python_python所有的魔术方法