本文实例讲述了Java脚本语言实现自动消除按钮功能的方法。分享给大家供大家参考。具体如下：

这里使用Java脚本语言自动消除前项显示的内容，在网页特定方位显示内容，第一个按钮可用，但第二个在第一个点击之后就不能用了，如果想让第二个按钮起作用，你需要对其进行功能消除，如本示例代码就实现这样一种功能。

运行效果如下图所示：

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML L1/DTD/XHTML L1-过渡。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' XML : lang=' EN ' hearteta http-equiv=' Content-Type ' Content=' text/html；字符集=UTF-8 '/标题自动消除前项显示的内容/title style type=' text/CSS ' body { padd :20 px；背景技术： # 333;} h1 { color : white } em { width :100 px高度：100 px背景： # EEE；border:1px #CCC固体；padding:10pxcursor:pointer指针指针；} div { width:100px高度：100 px背景技术： # 444;余量：10pxdisplay:none颜色：白色；文本对齐：居中；线高：100 px}/style/head dy h1鱼与熊掌不可兼得/h1 br/em我要鱼/em em我要熊掌/em div id='a '鱼/div div id='b '熊掌/div脚本类型=' text/JavaScript '窗口。onload=function(){ var abtn=document。getelementsbytagname(' em ')[0]；var bbtn=文档。getelementsbytagname(' em ')[1]；var a=文档。getelementbyid(' a ')；var b=文档。getelementbyid(' b ')；abtn。onclick=function(){ a . style。display=' blockbbtn.onclick=null} bbtn。onclick=function(){ b . style。display=' blockabtn.onclick=null} }/脚本/正文/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。