单击后如何显示和隐藏按钮？

Question

我试过这个：

<button onclick="button_onclick()">Click me</button>

js:

button_onclick() = "this.style.visibility = 'hidden';"

Answer 1

试试这个

function button_onclick() {
 document.getElementById("btn").style.visibility="hidden";
}

<button id="btn" onclick="button_onclick()">Click me</button>

Answer 2

您在 visibility 中存在拼写错误，这不是您在 javascript 中 define functions 的方式。

您还需要将元素引用作为函数的参数向下传递。

function button_onclick(element) {
    element.style.visibility = 'hidden';
}

<button onclick="button_onclick(this)">Click me</button>

OR 内联 js:

<button onclick="this.style.visibility = 'hidden'">Click me</button>

Answer 3

存在三个问题：

您正在调用 button_onclick() 作为一个函数，但它不是 defined 作为一个函数。
使用内联 onclick 不好
你拼错了 visibality。您应该改用 visibility。

如果你想处理事件。最好的方法是将 event listener 附加到元素。

const myButton = document.querySelector('.my-button')

myButton.addEventListener('click', () => {
  myButton.style.visibility = 'hidden'
})

<button class="my-button">Click me</button>

Answer 4

最简单的方法

<button onclick="this.style.display = 'none'">Click me</button>

Note this way of doing is not a good practice So do it in this way

<button id="btn"> Click me </button>
<script>
const btn = document.querySelector ('#btn');
btn.addEventListener ('click', () =>{
btn.style.display = "none"
// btn.style.visibility = "hidden"
})

</script>

谢谢

单击后如何显示和隐藏按钮？

How can I show and hide a button after click?

html

javascript

button

hide