点击多次,每次出现内容不同,最后消失
来源:互联网 发布:ubuntu编写shell脚本 编辑:程序博客网 时间:2024/05/19 19:16
<!DOCTYPE html>
<html>
<body>
<div onclick="clickMeEvent(this)" style="background-color:green;width:170px;height:80px;margin:20px;padding-top:20px;color:#ffffff;font-weight:bold;font-size:18px;float:left;text-align:center; font-family:'微软雅黑';">点击这里</div>
{
if (obj.innerHTML=="再见")
{
obj.style.display="none";
}
else if (obj.innerHTML=="谢谢")
{
obj.innerHTML="再见";
}
else if (obj.innerHTML=="点击这里<br>再次点击这里<br>再点一次")
{
obj.innerHTML="谢谢";
}
else if (obj.innerHTML=="点击这里<br>再次点击这里")
{
obj.innerHTML=obj.innerHTML+"<br>再点一次";
}
else
{
obj.innerHTML=obj.innerHTML+"<br>再次点击这里";
}
}
</script>
</body>
</html>
<html>
<body>
<div onclick="clickMeEvent(this)" style="background-color:green;width:170px;height:80px;margin:20px;padding-top:20px;color:#ffffff;font-weight:bold;font-size:18px;float:left;text-align:center; font-family:'微软雅黑';">点击这里</div>
<script type="text/javascript">
function clickMeEvent(obj) //function是关键字 clickMeEvent是调用的函数 {}里面的代码块是函数 (obj)是参数名,可以有0个、1个或多个参数{
if (obj.innerHTML=="再见")
{
obj.style.display="none";
}
else if (obj.innerHTML=="谢谢")
{
obj.innerHTML="再见";
}
else if (obj.innerHTML=="点击这里<br>再次点击这里<br>再点一次")
{
obj.innerHTML="谢谢";
}
else if (obj.innerHTML=="点击这里<br>再次点击这里")
{
obj.innerHTML=obj.innerHTML+"<br>再点一次";
}
else
{
obj.innerHTML=obj.innerHTML+"<br>再次点击这里";
}
}
</script>
</body>
</html>
0 0
- 点击多次,每次出现内容不同,最后消失
- 关于每次点击一次转化与每次点击多次转化
- 解决多次点击出现蓝色背景
- C#textbox点击回车时内容消失
- 点击不同元素显示不同内容
- 多个DisclosurePanel 在不同的panel 中放入同一个 grid 会出现grid 的内容消失的情况。
- jquery 绑定点击事件 出现点击多次问题
- 文本框如果是指定的内容,点击后内容消失
- 文本输入框中的提示点击消失,点击出现
- jQuery - toggle 每次点击出现一种事件,并且反复出现 $ 点击显示再次点击隐藏
- listview + 单选按钮 有时候会点击出现重复多次
- quick 3.3 按钮多次点击出现问题的解决
- 按钮点击多次出现多个相同页面问题
- 界面多次点击刷新后出现信号值响应超时
- css/js解决 页面多次点击时出现部分蓝色
- js实现点击文本框使得文本框中内容消失
- 文本框默认显示内容点击后消失的方法
- 自定义tableviewcell 被点击之后显示的内容消失
- [匈牙利算法] 最小点覆盖 König定理
- ORA-12560: TNS: 协议适配器错误的问题
- laravel前后台路由分离
- android的环境搭建
- Xcode定义Preprocessor Macros编译宏
- 点击多次,每次出现内容不同,最后消失
- 监听器模式
- framework编译后烧录系统
- 基于MVC的JavaScript_Web富应用开发
- 软件架构设计
- GIT 命令学习:基础快照-add,status,commit,reset,rm,mv,diff
- 未雨绸缪:理解软件配置管理(第2版)
- 验证手机号和设置60秒的倒计时
- Java 微信公众号网页授权