Question

我是HTML的初学者。如何使用JavaScript点击隐藏自己的按钮？这是我已经存在的代码，缺少一行。

<!DOCTYPE>
<html>
    <body>
        <button type="button" onclick="delete()" = ;>Hello</button>
        <script>
            var delete = function(){
            //hide button
            }
        </script>
    </body>
</html>

Answer 1

delete是js中的关键字。使用其他名称

onclick="deleteThis(this)"



var deleteThis = function(elem){
        elem.style.display = 'none';
        // elem.style.visibility = 'hidden';
};

Answer 2

尝试这样的事情：

<!DOCTYPE>
<html>
<head>
<script>
            var hide = false; 
            function deletee(){
            //hide button
            hide = !hide;
            if(!hide) {
            document.getElementById('btn_id').style.visibility = 'visible';
        } else {
            document.getElementById('btn_id').style.visibility = 'hidden';
        }
        }
        </script>

</head>
<body>

        <button type="button" id = "btn_id" onClick="deletee();">Hello</button>
</body>
</html>

<script></script>标记位于<head></head>部分下方。

Answer 3

首先添加按钮'id'

    <button type="button" id='theid' onclick="delete()" = ;>Hello</button>

然后转到 script 部分

    <script>
        var delete = function(){
        document.getElementById('theid').style.display="none";  // for hide button
        }
    </script>

如何在html中隐藏按钮？

3 个答案: