JavaScript实现自动消除按钮功能的方法
本文实例讲述了JavaScript实现自动消除按钮功能的方法。分享给大家供大家参考。具体如下：
这里使用JavaScript自动消除前项显示的内容，在网页特定方位显示内容，第一个按钮可用，但第二个在第一个点击之后就不能用了，如果想让第二个按钮起作用，你需要对其进行功能消除，如本示例代码就实现这样一种功能。
运行效果如下图所示：
具体代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>JavaScript自动消除前项显示的内容</title>
<style type="text/css">
body{padding:20px;background:#333;}
h1{color:white;}
em{width:100px;height:100px;background:#EEE;border:1px #CCC solid;padding:10px;cursor:pointer;}
div{width:100px;height:100px;background:#444;margin:10px;display:none;color:white;text-align:center;line-height:100px;}
</style>
</head>
<body>
<h1>鱼与熊掌不可兼得</h1>
<br />
<em>我要鱼</em>
<em>我要熊掌</em>
<div id="a">鱼</div>
<div id="b">熊掌</div>
<script type="text/javascript">
window.onload=function(){
var abtn=document.getElementsByTagName("em")[0];
var bbtn=document.getElementsByTagName("em")[1];
var a=document.getElementById("a");
var b=document.getElementById("b");
abtn.onclick=function(){
a.style.display="block";
bbtn.onclick=null;
}
bbtn.onclick=function(){
b.style.display="block";
abtn.onclick=null;
}
}
</script>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍BootStrap实现带关闭按钮功能，包括了BootStrap实现带关闭按钮功能的使用技巧和注意事项，需要的朋友参考一下 说明 通过使用一个象征关闭的图标，可以让模态框和警告框消失 示例 输出 以上所述是小编给大家介绍的BootStrap实现带关闭按钮功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持！
-
本文向大家介绍JavaScript实现自动跳转文本功能，包括了JavaScript实现自动跳转文本功能的使用技巧和注意事项，需要的朋友参考一下 贴一段自动跳转文本的代码实现： 实现代码： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
Verity Sense 配有一个按钮，根据使用情况和按下时长具有不同功能。参见下文，了解按钮在不同模式下的功能以及不同颜色 LED 的含义。 按钮功能 打开/关闭传感器 短按按钮可打开传感器。 按住按钮可关闭传感器。 选择训练模式 要选择训练模式，请短按按钮进行切换，直至所需模式旁的 LED 灯亮起。 您可通过短按按钮来查看已锁定的训练模式。侧边的状态 LED 灯在心率模式下亮蓝色，在记录模式下
-
本文向大家介绍纯Javascript实现ping功能的方法，包括了纯Javascript实现ping功能的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了纯Javascript实现ping功能的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍Android实现按钮拖拽还原功能，包括了Android实现按钮拖拽还原功能的使用技巧和注意事项，需要的朋友参考一下 具体代码如下所示： 代码解释： 图一，是完整代码。按钮可以随意拖拽（X+Y轴），抬手，按钮恢复到初始位置。 图二区域，按此方式可以实现横向拖拽，类似接打电话动画效果，左边接听，右边挂断。 总结 以上所述是小编给大家介绍的Android实现按钮拖拽还原功能，希望对大家有
-
本文向大家介绍javascript返回顶部的按钮实现方法，包括了javascript返回顶部的按钮实现方法的使用技巧和注意事项，需要的朋友参考一下 本文实例介绍了javascript返回顶部的按钮实现方法，分享给大家供大家参考，具体内容如下 html: css: script: 获取滚动条高度:document.documentElement.scrollTop || document.body.