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

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日

悬赏问题

  • ¥170 如图所示配置eNSP
  • ¥20 docker里部署springboot项目，访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效
  • ¥15 悬赏！微信开发者工具报错，求帮改
  • ¥20 wireshark抓不到vlan
  • ¥20 关于#stm32#的问题：需要指导自动酸碱滴定仪的原理图程序代码及仿真
  • ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
  • ¥15 stata安慰剂检验作图但是真实值不出现在图上
  • ¥15 c程序不知道为什么得不到结果
  • ¥15 键盘指令混乱情况下的启动盘系统重装