木和氢 2022-09-26 12:58 采纳率: 66.7%
浏览 217
已结题

Javaweb按钮点击事件

问题遇到的现象和发生背景

点击隐藏没反应

用代码块功能插入代码，请勿粘贴截图
<html>
<head>
    <title>第四题</title>
    <script type="text/javascript">
        function hidden(){
            if(confirm('确定要隐藏吗？')){
                var picture=document.getElementById('picture');
                picture.style.visibility="hidden";
            }
        }
        function show(){
            var picture=document.getElementById('picture');
            picture.style.visibility="visible";
        }
    </script>
</head>
<body>
    <img id="picture" src="xiaohui.jpg" width="80" height="80" style="visibility: visible" />
    <input type="button" onclick="hidden();" value="隐藏" />
    <input type="button" onclick="show();" value="恢复" />
</body>
</html>
运行结果及报错内容

img

我想要达到的结果

点击隐藏按钮可将图片隐藏

  • 写回答

1条回答 默认 最新

  • 崽崽的谷雨 2022-09-26 13:21
    关注

    应该是 hidden函数 是 js保留关键字 。 建议 改成 hidden1 试试

    
<html>
<head>
    <title>第四题</title>
    <script type="text/javascript">
        function hidden1(){
            // if(confirm('确定要隐藏吗？')){
                var picture=document.getElementById('picture');
                picture.style.visibility="hidden";
            // }
        }
        function show(){
            var picture=document.getElementById('picture');
            picture.style.visibility="visible";
        }
    </script>
</head>
<body>
    <img id="picture" src="https://img2.baidu.com/it/u=3104870425,3464488586&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1664298000&t=8c77282c5c6e54999bb64ef5a3f628a7" width="80" height="80" style="visibility: visible" />
    <input type="button" onclick="hidden1()" value="隐藏" />
    <input type="button" onclick="show()" value="恢复" />
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录

报告相同问题？

问题事件

  • 系统已结题 10月4日
  • 已采纳回答 9月26日
  • 创建了问题 9月26日

悬赏问题

  • ¥15 io.jsonwebtoken.security.Keys
  • ¥15 急，ubuntu安装后no caching mode page found等
  • ¥15 联想交换机NE2580O/NE1064TO安装SONIC
  • ¥15 防火墙的混合模式配置
  • ¥15 Ubuntu不小心注销了要怎么恢复啊
  • ¥15 win10电脑安装完plcsim advanced4.0运行时为什么会提示找不到虚拟网卡
  • ¥15 安装powerbuilder10卡在安装程序正在运行这个页面 没有下一步任何指令
  • ¥15 关于mpi的问题：请问遇到这种情况需要怎么解决，出现这个问题后电脑不能进行mpi多核运行只能进行单核运行
  • ¥50 微信聊天记录备份到电脑提示成功了，但还是没同步到电脑微信
  • ¥15 python怎么在已有视频文件后添加新帧