按钮消失的问题

按钮消失的问题

就这个题的示例

为什么在点击事件结束后,按钮消失了呢

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好。

不隐藏可以参考这个:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>信息录入</title>
</head>

<body>
    <input type="button" value="录入">
    <div id="content"></div>
    <script type="text/javascript">
    var inputs = document.getElementsByTagName("input");
    var entry = inputs[0];
    var content=document.getElementById("content");
    entry.onclick = entryFn;
    function entryFn() {
        //补充代码
        var arr = [];
        var msg = prompt("请输入员工姓名");
        while (msg != "-1") {
            arr.push(msg);
            msg = prompt("请输入员工姓名");
        }
        for (var i = 0; i < arr.length; i++) {
            content.innerHTML+="录入的第" + (i + 1) + "个员工的信息是" + arr[i]+"<br>";
        }
    }
    </script>
</body>
</html>

隐藏的话可以参考这个:https://class.imooc.com/course/qadetail/118266

其实也不是隐藏了,看起来是隐藏的效果,但实际上就是没有了,因为最后用了一个document.write("录入的第"+(i+1)+"个员工的信息是"+arr[i]+"<br>");的方式,直接把页面里面的所有内容重新定义了。

如果帮助到了你,欢迎采纳!

祝学习愉快!

Miss路 2019-08-25 16:02:27

同学,你好。

按钮只是一个入口,让我们录入人的姓名。当输入-1的时候,说明录入完毕,那么接下来要呈现的是输入员工的信息,按钮就不需要了,所以就隐藏了。如果你不想隐藏这个按钮,也可以不做隐藏这一步。

如果帮助到了你,欢迎采纳!

祝学习愉快!

  • 提问者 幽辰 #1
    如果不想隐藏,怎么写呢
    2019-08-25 16:32:43
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师