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

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 metadata提取的PDF元数据，如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
  • ¥15 Windows11, backspace, enter, space键失灵