js点击显示隐藏,点击按钮显示

　　本教程操作环境：windows7系统、javascript1.8.5版、戴尔自交第三代电脑。

　　javascript实现点击按钮隐藏div

　　根据编号按钮获取点击事件，添加事件处理函数

　　输入类型=按钮值=隐藏id=btn/

　　！-输入类型=按钮值=显示id=btn1/-

　　div id=dv/div

　　脚本

　　功能我的(id){

　　返回文档。getelementbyid(id)；

　　}

　　我的( btn ).onclick=function(){

　　我的(“dv”)。风格。display= none

　　}

　　/脚本效果图：

　　复杂一点，如果差异是显示的，点击按钮可隐藏；如果差异是隐藏的，点击按钮可显示。

　　输入类型=按钮值=隐藏id=btn/

　　！-输入类型=按钮值=显示id=btn1/-

　　div id=dv/div

　　脚本

　　功能我的(id){

　　返回文档。getelementbyid(id)；

　　}

　　我的( btn ).onclick=function(){

　　if (this.value==隐藏) {

　　我的(“dv”)。风格。display= none

　　this.value=显示；

　　} else if(this.value==显示){

　　我的(“dv”)。风格。display= block

　　this.value=隐藏；

　　}

　　}

　　/脚本效果图：

　　【推荐学习：javascript高级教程】以上就是爪哇岛描述语言怎么实现点击按钮隐藏差异的详细内容，更多请关注我们其它相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。